gpt4 book ai didi

jquery - Jquery 中的动态滚动位置

转载 作者:行者123 更新时间:2023-11-28 16:12:44 25 4
gpt4 key购买 nike

请帮我解决以下情况

我有 3 个页面,当滚动到第二页时用户滚动页面,它必须找到特定的 ID,然后触发一个函数。一旦第三页开始,另一个功能就会触发。根据要求,我不应该使用任何插件

<script>
$(window).on("scroll", function() {
var offset = $("#two").offset();
var posY = offset.top - $(window).scrollTop();
if (offset.top + $("#two").height() > $(window).scrollTop()) {
apply();
} else {
remove();
}
</script>
<body>
<div id="one"></div>
<div id="two"></div>
<div id="three"></div>
</body>

最佳答案

有一个很棒的插件叫做 WAYPOINT

我在 jsfiddle check it out 上设置了一个示例

HTML

<div class="first"></div>
<div class="second"></div>

CSS

.first {
background:green;
height: 600px;
width:100%;
}
.second {
background:red;
height: 600px;
width:100%;
}

JS

$('.second').waypoint(function() {
alert('You have scrolled to an entry.');
}, {
offset: '100%'
});

关于jquery - Jquery 中的动态滚动位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18357239/

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