当元素设置为固定时，我失去了滚动条

我有一个页面，我必须防止某些图层在到达某个位置时向上滚动。我正在使用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元素，它们被设置为400像素的高度。我很困惑，为什么窗口不读取子标题下面的内容。任何帮助表示赞赏。

来源

2013-06-25 user2394359

你能提供一个jsfiddle吗？ –

奇数。您确定$（'＃sub-header'）没有选择比您最初想要的更多的内容，例如因为您忘记了结束标记？ – Sumurai8

它可能是每个人的元素都被设置为固定的，这就是为什么滚动条会消失。没有别的可以滚动到。 – Chanckjh

如果元素已被设置为固定的，他们不会得到一个滚动条了，在这里看到了一个例子：http://jsfiddle.net/BqaRW/

HTML

<div></div>

CSS

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

    position: fixed; 
    bottom: -300px; 
}

来源

2013-06-25 14:42:48 Chanckjh

我解决了这个问题。我后来的div不在sub-header div下面，但是包在里面。我想设置顶部固定将逻辑渲染固定的div内容不可滚动。 – user2394359

哦，它不是丢失滚动条的div，它是文档窗口..我不需要元素上的滚动条。 – user2394359

我知道，我可能说错了，但这是导致滚动条消失的原因 – Chanckjh

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

来源

2013-06-26 13:47:06 user2394359

当元素设置为固定时，我失去了滚动条

回答

相关问题