-1

请帮我解决以下情况

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

1 回答 1

4

有一个很棒的插件可以做到这一点，叫做WAYPOINT

我在jsfiddle 上设置了一个示例，请查看

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%'
});
于 2013-08-21T13:03:18.610 回答