Question

我有一个函数可以根据页面是否滚动到特定元素来更改导航。但是，此功能的最后一部分并不会在较大的屏幕上触发，因为页面无法滚动得足够远。以下是我使用的代码：

$(window).scroll(function () {
    if($(this).scrollTop()>=$('#contact-me').offset().top){
        $("a.current").removeClass("current");
        $("a#cont-link").addClass("current");
    }
});

Answer 1

＆＃13;

$(window).scroll(function() {
    if ($(window).scrollTop() + $(window).height() == $(document).height()) {
        alert("We are at bottom of the document!");
    }
    function ScrollHandler() {
        console.log("Scrolling...!");
    }
    $(window)
        .on('scroll', ScrollHandler);
});

$(
    function($) {
        $('#checkBotom').bind('scroll', function() {
            if ($(this).scrollTop() + $(this).innerHeight() >= $(this)[0].scrollHeight) {
                alert('We are at div Bottom');
            }
        })
    }
);

＆＃13;

#checkBotom{width:200px;height:150px;overflow:auto;}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="checkBotom">
Lorem ipsum dolor sit amet <br>
Consectetuer augue nibh lacus at <br>
Pretium Donec felis dolor penatibus <br>
Phasellus consequat Vivamus dui lacinia <br>
Ornare nonummy laoreet lacus Donec <br>
Ut ut libero Curabitur id <br>
Dui pretium hendrerit sapien Pellentesque <br>
</div>
<div style="height: 1000px">Scroll down!</div>

＆＃13;

注意： -   您可以使用窗口滚动功能绑定您的功能＆amp;检测元素是否滚动...

＆安培;你驾驶室计算scrollTop（）+窗口高度＆amp;如果文件高度与页面底部相同......

检查是否在元素下方或页面底部滚动

1 个答案: