老师你这个回到顶部有问题啊
加载时 会出现回到顶部的图片 但是只要滚动后 就会消失不见 得重新刷新才会出现回到顶部的样式
你视频里也是这样的
而且最开始就回到顶部 写为 display:none 那么不管怎么滚动都不会出现 “回到顶部”
ui.css部分
/* 回到顶部 */
.ui-backTop{
display: block;
position: fixed;
right: 2px;
bottom: 2px;
z-index: 9;
width: 40px;
height: 40px;
color: #fff;
background: rgba(102,102,102,.9) url("../img/icon-go-up.png") center no-repeat;
}
.ui-backTop:hover{
background: rgba(102,102,102,.9);
}
.ui-backTop:hover:after{
content: "回到顶部";
display: block;
line-height: 20px;
text-align: center;
}
ui.js部分
// ui-backTop 回到顶部
$.fn.UiBackTop=function(){
var ui = $(this);
var el=$("<a class='ui-backTop' href='#0'></a>");
ui.append(el);//在bod后追加一个a标签
var windowHeight=$(window).height();
$(window).on("scroll",function(){
var top=$("body").scrollTop();// 获取滚动的高度
if(top>windowHeight){
el.show();
}else{
el.hide();
}
});
el.on("click",function(){
$(window).scrollTop(0);
})
}
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星