JavaScript-div随滚动条滚动时闪烁

JavaScript-div随滚动条滚动时闪烁

灵芸 发布于 2016-12-05 字数 288 浏览 1076 回复 2
$(window).scroll(function(){
if($(window).scrollTop() > 940){
var top = $(window).scrollTop();
$("#navi").css({top: top + "px" });
}
if($(window).scrollTop() <= 940){
$("#navi").css({top: "940px" });
}
});

如果你对这篇文章有疑问,欢迎到本站 社区 发帖提问或使用手Q扫描下方二维码加群参与讨论,获取更多帮助。

扫码加入群聊

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

归属感 2017-10-25 2 楼

这个是因为滚动时候,scrollTop在不停的改变,目前好像木有办法解决,用滑动的比较好,间接解决他

归属感 2017-07-13 1 楼

<div id='topTools' style='position: absolute; top: 220px; right: 100px; z-index: 100;display:none;'>

11111111111111
</div>
var lastScrollY=0;
function scrolling(){
var diffY;
if (document.documentElement && document.documentElement.scrollTop)
diffY = document.documentElement.scrollTop;
else if (document.body)
diffY = document.body.scrollTop
else
{}
if(diffY==0){
document.getElementById("topTools").style.display="none";
} else {
document.getElementById("topTools").style.display="";
}
percent=.1*(diffY-lastScrollY);
if(percent>0){
percent=Math.ceil(percent);
} else {
percent=Math.floor(percent);
}
//document.getElementById("lAdvert").style.top=parseInt(document.getElementById("lAdvert").style.top)+percent+"px";
document.getElementById("topTools").style.top=parseInt(document.getElementById("topTools").style.top)+percent+"px";
lastScrollY=lastScrollY+percent;

}
window.setInterval("scrolling()",1);
这个是我写的,希望对你有帮助。总结:抖动原因是div的相对定位问题