Jquery中的动态滚动位置_Jquery_Html_Css

Jquery中的动态滚动位置

jquery html css

Jquery中的动态滚动位置,jquery,html,css,Jquery,Html,Css,请为下面的场景帮助我我有3个页面，当滚动到第二个页面时，用户滚动页面，它必须找到特定的ID，然后触发一个函数。一旦第三个页面启动，就会触发另一个函数。根据要求，我不应该使用任何插件 <script> $(window).on("scroll", function() { var offset = $("#two").offset(); var posY = offset.top - $(window).scrollTop();

请为下面的场景帮助我

我有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>

有一个很好的插件可以实现这一点，叫做

我在上面设置了一个示例

HTML

你能告诉我们你试过的代码吗？嗨，谢谢你的回复。根据要求，我不应该使用任何插件。你还有别的想法吗

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

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

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