当达到底部时,如何让div停止向上滚动?

时间:2015-12-09 16:08:51

标签: html css frontend

我想从左边(广告出现的地方)做第3栏Facebook主页。向上滚动页面时,所有三列都滚动,但第三列停止滚动。怎么做?可以用CSS完成吗?

3 个答案:

答案 0 :(得分:0)

我认为Facebook的混合使用javascript / css 当用户向下滚动时,它们将位置属性更改为右侧col元素为固定。

position: fixed

答案 1 :(得分:0)

尝试这个sticyjs puigin  http://stickyjs.com/

<script>
  $(document).ready(function(){
    $("#sticker").sticky({topSpacing:0});
  });
</script

答案 2 :(得分:0)

在bootstrap世界中,这称为affix。基本上,您正在使用javascript监听滚动事件并根据断点(特定滚动位置)更改样式(css)。

要回答第二个问题,我不相信只能用CSS完成。