DiV+css,滚动条到特定位置时div一直停留顶部,滚动条在顶部时DIV在原位,求代码
3个回答
展开全部
单凭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; }
展开全部
在$(window).scroll()方法中
你只要获取滚动条的srollTop,当srollTop大于指定值的时候,把div设置为position:fixed,当srollTop小于指定值的时候,取消Div的fixed定位就好了
你只要获取滚动条的srollTop,当srollTop大于指定值的时候,把div设置为position:fixed,当srollTop小于指定值的时候,取消Div的fixed定位就好了
追问
网上有示例代码吗
追答
这个功能着实很简单,你网上找的功夫还不如你敲出来,就几行代码
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
$(window).scroll(function () { //浏览器滚动条滚动时触发的事件
//设置你的导航条相对定位于顶部即可
});
//设置你的导航条相对定位于顶部即可
});
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询