实在找不到了,问下谁有js或jq 实现 div或其他标签滚到顶部时固定,遇到第二个停止固定。

也可以不是div的就是左栏内容不能填满,所以想用不固定的方式让他形成填满的样式,遇到第二个div或其他标签,那个滚动就停止,可以像正常一样划过去。和discuz3.2的头... 也可以不是div 的
就是左栏内容不能填满,所以想用 不固定的方式 让他形成填满的样式,遇到 第二个div或其他标签,那个滚动就停止,可以像正常一样划过去。
和 discuz 3.2的 头像区域不固定一样。、
就像新浪游戏王首页 下面的三栏布局 左右两栏固定 中间滚动一样!

实在没有积分了! 谁能帮下吧
展开
 我来答
匿名用户
推荐于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>
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式