爱软资源网

免费分享最新活动线报_软件分享_最优秀的小刀娱乐网

返回顶部代码

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;
}

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

  • 评论列表

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

«   2020年11月   »
1
2345678
9101112131415
16171819202122
23242526272829
30
控制面板
您好,欢迎到访网站!
  查看权限
网站分类
搜索
最新留言
文章归档
网站收藏
友情链接
  • Z-BlogPHP
  • 订阅本站的 RSS 2.0 新闻聚合

Powered By Z-BlogPHP 1.6.5 Valyria

汽车经济技术开发区一福电子商务中心旗下网站
吉ICP备19006965号