div网页左侧栏滚动固定问题

Question

这段时间一直在研究div+CSS的网页设计，一直想弄一个左侧栏div固定不随其他div滚动的网页，在网上找了好多代码都是CSS中position=fixed，这个是绝对不滚动的。我想要一个滚动到某一位置时候再往下才不滚动的左侧栏，找到了一个网站http://msdn.microsoft.com/zh-cn/library/dd831853.aspx这个能满足我的要求，但是分析了好半天代码不知道怎么实现的，求大神分析一下这个网站左侧栏！谢谢了！（这个网站左侧栏的position 是relative的，感觉很神奇。）

Answer 1

亲你好，我前几天刚刚做了一个这个效果。下面我将分享给你。

1. 首先你去网上搜索一个Jquery的插件 这个插件的名字叫做【jquery.scroll-follow.js】
2. 引用一个CSS的样式

3. 引用这个插件的使用函数就可以。
<style type="text/css">
.demo {
height: 180px;
margin-left: auto;
margin-right: auto;
width: 1000px;
position: relative;
left: 50px;
}
<script type="text/javascript" src="js/jquery.scroll-follow.js"></script>
<script type="text/javascript">
$(function(){
$(".demo").scrollFollow({
offset: 156
});
});
</script>

这个插件有很多函数可以使用

亲，你可以自己看看呦。 下面附带链接。
http://kitchen.net-perspective.com/open-source/scroll-follow/

很高兴帮到你，记住给我好评，及时采纳呦。

Answer 2

<div style="position:fixed; top:0; left: 0;width: 960px; height: 30px; background: #f30;">
浮动定位的div
</div>

你看看这个html文件代码，这是设置一个div在顶部固定,不随滚动条滚动，不知道你是不是要这种效果

本回答被网友采纳