jQuery滚动仅检测页面顶部和底部的滚动

我当前正在尝试在滚动处于一定的垂直值时更改div的颜色。虽然目前我的滚动似乎还没有在页面顶部或底部之间检测到任何内容。

所以当我击中页面底部时，我会看到0、1、2、3、4、5等，当我击中顶部时，它会显示为0，-1，-2，-3等。似乎在页面的顶部和底部之间没有页面，因为滚动没有在页面的顶部或底部触发。

HTML结构：

<body>
    <div id="container">  
         <div id="post-view">
             <div id="cover-image">
                 <header>
                     <div class="title">
                     </div>
                     <div class="sub-title">
                     </div>
                 </header>                 
             </div>
         </div>
         <div class="suggested">
             content in here
         </div>
    </div>
</body>

jQuery：

$(document).scroll(function() {
    var y = $(this).scrollTop();
    console.log(y);
});

CSS：

html, body{
height:100%;
width:100%;
background: #ffffff !important;
overflow-x: hidden;
margin:0;
}
header{
width:100%;
border-bottom: 1px solid #cccccc;
background: #333333;
overflow:hidden;
padding:10px 0 0 0 ;
}
#container{
width:100%;
}

如果您需要更多信息，请非常感谢任何帮助。谢谢！

正如我在CSS html, body { height:100% }中所看到的那样，这是罪魁祸首。真的很奇怪。现在正常工作。感谢您的时间。

使一个元素2k px高，以知道它会滚动。H2告诉您它的滚动程度。有效？

http://cdpn.io/ohaci

相关内容

最新更新

热门标签：