展开全部
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="jquery.min.js"></script>
<script>
$(function () {
var maxHeight = 1500;//跟随滚动条最大高度
var marginTop = 0;//距离顶部的间距
$('#title').css('top', marginTop);
$(window).scroll(function() {
var scrollTop = $('body').scrollTop();
if(maxHeight < scrollTop + marginTop && $('#title').css('position') == 'fixed') {
$('#title').css('position', 'absolute').css('top', scrollTop + marginTop);
} else if (maxHeight >= scrollTop + marginTop && $('#title').css('position') == 'absolute') {
$('#title').css('position', 'fixed').css('top', marginTop);
}
});
});
</script>
</head>
<body style="height: 3000px;">
<div id="title" style="width: 99%; height: 50px; background: #C1C1C1; position: fixed; top: 0px;">我是浮动栏</div>
</body>
</html>
给你HTML代码你试一下，我设定的是body高度3000，在1500的地方停止跟随滚动条
追问
貌似没效果~ 会一直滚动
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
思路：判断div在距离浏览器顶端距离为某个范围内的时候，设置div的position为relative，其他为fixed；
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
