gpt4 book ai didi

javascript - jQuery 滚动只检测页面顶部和底部的滚动?

转载 作者:行者123 更新时间:2023-11-30 17:38:54 25 4
gpt4 key购买 nike

我目前正在尝试在滚动处于某个垂直值时更改 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% } 是罪魁祸首。真奇怪。现在开始工作了。感谢您的宝贵时间。

关于javascript - jQuery 滚动只检测页面顶部和底部的滚动?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21462683/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com