Question

当卷轴处于某个垂直值时，我正在尝试更改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%;
}

如果您需要更多信息评论，我们非常感谢您的帮助。谢谢！

Answer 1

正如你在上面我看到的那样，我的CSS html, body { height:100% }中有这个罪魁祸首。真奇怪。现在就搞定了。谢谢你的时间。

Answer 2

制作一个2k px高的元素，知道它会滚动。 h2告诉你它滚动了多远。作品？

http://cdpn.io/oHACi

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

2 个答案: