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

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

2024-11-17 02:58:52

推荐回答（3个）

回答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"});
	}
});

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

回答2：

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

回答3：

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