返回顶部代码

js代码

//返回顶部
		$('.back2top').click(function() {
			$('html,body').animate({
                scrollTop: 0
            },1000),
            !1
		});
		$(window).scroll(function() {
			$(window).scrollTop() > 100 ? jQuery(".back2top").css({
        		bottom: "2%"
    		}) : jQuery(".back2top").css({
      			bottom: "-110px"
  			})
		});

html代码

<a class="back2top" style="bottom: 2%;"></a>

css代码

.back2top {
    position: fixed;
    border-radius: 30px;
    color: var(--accent-color);
    text-align: center;
    font-size: 35px;
    right: 2%;
    bottom: -110px;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    cursor: pointer;
    z-index: 1;
}

本代码缺少显示图标 请自行添加图标

版权声明:若无特殊注明,本文皆为《 》原创,转载请保留文章出处。
本文链接:https://www.2rzy.com/post/10.html - 《 》 https://www.2rzy.com/post/10.html
正文到此结束

发表吐槽

你肿么看?

你还可以输入 250 / 250 个字

 嘻嘻 大笑 可怜 吃惊 抛媚眼 调皮 鄙视 示爱 哭 开心 偷笑 嘘 奸笑 委屈 抱抱 Dog Dog 哆啦a梦

评论信息框

正在拼命提交吐槽中...

(1)个小伙伴在吐槽

Lv.6
我心所向是

123.123.131.81 2020年07月14日 23:15:22
这个代码不错
Mozilla/5.0 (Windows NT 6.3; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/81.0.4044.138 Safari/537.36