我目前正在尝试在滚动达到某个垂直值时更改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%;
}
非常感谢您的帮助，如果您需要更多信息，请评论。谢谢！
正如您在上面看到的那样，我的CSShtml, body { height:100% }就是元凶。真的很奇怪 现在工作了。谢谢你的时间。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句