固定的DIV，当滚动条到一定位置时一个DIV就固定了怎么做
可以参考，这个链接，附图是那个DIV的位置，在上下拉滚动条是，这个位置只要到这个位置就固定在最上面的，请高手来解答，谢谢http://detail.1688.com/of...
可以参考，这个链接，附图是那个DIV的位置，在上下拉滚动条是，这个位置只要到这个位置就固定在最上面的，请高手来解答，谢谢
http://detail.1688.com/offer/36041239737.html?tracelog=p4p 展开
http://detail.1688.com/offer/36041239737.html?tracelog=p4p 展开
8个回答
展开全部
只说方法，代码细节自己调。
.topfix{position:fixed;top:0;}/*固定悬浮样式*/
var oTop = $("#div").offset().top;//默认上边距离
$(document.body).scroll(function(e){//body滚动事件
if(document.body.scrollTop > oTop ){
$("#div").addClass("topfix");
}else{
$("#div").removeClass("topfix");
}
});
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!DOCTYPE html>
<html lang="en">
<head>
<script src="js/jquery-1.9.1.min.js"></script>
<title>Title</title>
<style>
.header{
width: 100%;
min-height: 30px;
background-color: red;
}
.footer{
position: fixed;
bottom: 0;
width: 100%;
height: 30px;
background-color: red;
}
.main{
margin-top: 35px;
min-height: 200px;
background-color: yellow;
}
</style>
</head>
<body>
<div class="main" id="main">main</div>
<div class="header" id="header">header</div>
<div class="main" style="min-height: 1200px;">main</div>
<div class="footer">footer</div>
<script type="text/javascript">
$(window).scroll(function(){
//这儿这个200是你的导航栏以上 的元素高度
if($(window).scrollTop()>$("#main").height()){
$("#header").css("position","fixed");
$("#header").css("top","0");
}else{
$("#header").css("position","static")
}
});
</script>
</body>
</html>
//你要效果图？？？ 傻缺么？？
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
写两套CSS 一套是默认的，一套是fix 然后进行判断，当scrollTop到了你要的位置的时候改变css为fix即可。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
链接打不开 ，你这个先用js判断位置 ，当在最上面时 ，用固定定位 position:fixed
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
用jquery的话
.float {
position:fixed;
top:0px;
}
<script>
window.onscroll=function(){
if ($(document).scrollTop() >60)//这个60是距离顶部高度
{
$(".div").addClass('float');//
}else{
$(".div").removeClass('float');
}
}
</script>
.float {
position:fixed;
top:0px;
}
<script>
window.onscroll=function(){
if ($(document).scrollTop() >60)//这个60是距离顶部高度
{
$(".div").addClass('float');//
}else{
$(".div").removeClass('float');
}
}
</script>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（6）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
