DiV+css，滚动条到特定位置时div一直停留顶部，滚动条在顶部时DIV在原位，求代码

Question

如题所述

Answer 1

单凭DIV+CSS恐怕不行，你要是会JQ可以这么干：

//jq部分
$(document).scroll(function(e) {
if($(document).scrollTop()!=0){
$("#test2").stop();
     $("#test2").animate({"top":"0"});
}
else{
$("#test2").stop();
$("#test2").animate({"top":"20px"});
}
});

<!-- HTML部分 -->
<div id="test2"></div>

/* CSS部分 */
#test2 { position:fixed; top:20px; background:#F30; }

Answer 2

在$(window).scroll()方法中
你只要获取滚动条的srollTop,当srollTop大于指定值的时候，把div设置为position:fixed，当srollTop小于指定值的时候，取消Div的fixed定位就好了追问

网上有示例代码吗

追答

这个功能着实很简单，你网上找的功夫还不如你敲出来，就几行代码

本回答被网友采纳

Answer 3

$(window).scroll(function () { //浏览器滚动条滚动时触发的事件
//设置你的导航条相对定位于顶部即可
});