实在找不到了,问下谁有js或jq 实现 div或其他标签滚到顶部时固定,遇到第二个停止固定。
也可以不是div的就是左栏内容不能填满,所以想用不固定的方式让他形成填满的样式,遇到第二个div或其他标签,那个滚动就停止,可以像正常一样划过去。和discuz3.2的头...
也可以不是div 的
就是左栏内容不能填满,所以想用 不固定的方式 让他形成填满的样式,遇到 第二个div或其他标签,那个滚动就停止,可以像正常一样划过去。
和 discuz 3.2的 头像区域不固定一样。、
就像新浪游戏王首页 下面的三栏布局 左右两栏固定 中间滚动一样!
实在没有积分了! 谁能帮下吧 展开
就是左栏内容不能填满,所以想用 不固定的方式 让他形成填满的样式,遇到 第二个div或其他标签,那个滚动就停止,可以像正常一样划过去。
和 discuz 3.2的 头像区域不固定一样。、
就像新浪游戏王首页 下面的三栏布局 左右两栏固定 中间滚动一样!
实在没有积分了! 谁能帮下吧 展开
1个回答
推荐于2016-09-03
展开全部
大概做了一个。。可以试试看效果的。
不知道是不是想要这样的东西。
上传不了附件。。
<html>
<head>
<meta charset="utf-8">
<title>Demo</title>
<style>
.header{width:1000px;height:2000px;margin:10px auto;border:1px solid #ddd;}
.leftbox{width:1000px;margin:0 auto;border:1px solid #ddd;}
.leftbox .topwrap{height:40px;}
.leftbox .top{height:40px;width:1000px;background-color: #ddd;}
.leftbox .content{height:1000px;}
.other{height:2000px;width:1000px;margin:10px auto;border:1px solid #ddd;}
</style>
<script src="jquery.js"><script>
function winScroll(){
var box = $('.leftbox'),
bar = box.find('.topwrap');
$(window).scroll(function(){
var t = bar.offset().top - $(window).scrollTop();
var b = bar.offset().top + box.height() - bar.height() - $(window).scrollTop();
if(t<=0 && b>=0){
bar.find('.top').css({'position':'fixed','top':0})
}else{
bar.find('.top').removeAttr('style')
}
})
}
$(function(){
winScroll();
})
</script>
</head>
<body>
<div class="header">
</div>
<div class="leftbox">
<div class="topwrap">
<div class="top">
asdfasdf
</div>
</div>
<div class="content">
第1个div
</div>
</div>
<div class="other">
第二个div
</div>
</body>
</html>
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询