jQuery：如果用户滚动到页面末尾，则隐藏元素

z31licg0 于 2023-03-01 发布在 jQuery

关注(0)|答案(1)|浏览(143)

我想在用户滚动到页面的某个位置时显示一个元素，但我也想在用户到达页面末尾时隐藏该元素。
现在我只有显示元素的代码：

( function( $ ) {

    $(document).scroll(function() {
        var y = $(this).scrollTop();
        if (y > 800) {
            $('.sticky-bottom').fadeIn();
        } else {
            $('.sticky-bottom').fadeOut();
        }

    });

} ( jQuery ) );

但是我怎么能把它藏在页面的最后呢？没有什么比.scrollBottom更好的了。

jquery

来源：https://stackoverflow.com/questions/75535381/jquery-hide-element-if-user-scrolled-to-the-end-of-the-page

1条答案

按热度按时间

zmeyuzjn1#

怎么样

$(document).scroll(function() {

    if ((window.innerHeight + window.scrollY) >= document.body.scrollHeight) {
        // you're at the bottom of the page
        $('.sticky-bottom').fadeIn();
    } else {
        $('.sticky-bottom').fadeOut();
    }

});

我添加了一个小提琴（显示小提琴的控制台），以验证您需要的边距（800）的添加。它可以根据您的设计而变化，我只是使用控制台，因为我不知道您是否正在使用一个粘在底部的对象，例如。
https://jsfiddle.net/97s6p51n/

赞(0）回复(0）举报 2023-03-01

我来回答

jQuery：如果用户滚动到页面末尾，则隐藏元素

1条答案

相关问题

热门标签

最新问答