0

我有一个页面，我必须防止某些图层在到达某个位置时向上滚动。我正在使用 jQuery 来实现这一点。我已经在几个不同层的页面上完成了这个，没有任何问题。

但是，我在其中一页上遇到了这个奇怪的问题..

当我停止滚动元素时，我失去了窗口滚动条。

我使用这个 jQuery 代码

$(window).scroll(function(){

var scrollTop = $(window).scrollTop();

  if (scrollTop > 404){
    $('#sub-header').css('position','fixed')
    $('#sub-header').css('top','66px')
  }
}); // close window scroll function

在我尝试锁定的元素之后还有 12 个 div 元素，它们设置为 400px 的高度。我对为什么窗口不读取子标题下方的内容感到困惑。任何帮助表示赞赏。

4

2 回答 2

1

如果元素已设置为固定，它们将不再获得滚动条，请参见此处的示例：http: //jsfiddle.net/BqaRW/

html

<div></div>

css

div{
    border: 1px solid red;
    width: 100px;
    height: 400px;

    position: fixed;
    bottom: -300px;
}
于 2013-06-25T14:42:48.013 回答
0

在这种特殊情况下，问题在于应该在固定标题下的 div 实际上被标题包裹了。具有固定高度的大 div 会自动将其溢出的内容呈现为不可滚动是合乎逻辑的。您不能同时修复和滚动页面中的相同元素。

于 2013-06-26T13:47:06.997 回答