Question

我看到了一些类似的问题，但他们并没有给我一个解决方案。当我到达页面底部时，我希望我的页脚显示（slideUp），并在向上滚动时再次隐藏。现在我使用的脚本在一定量的滚动后显示页脚。

这里是Fiddle

有谁知道怎么做？

$(window).scroll(function() {
if ($(this).scrollTop() > 10) {
    $( 'footer').slideDown(300);
} else {
    console.log('there');
    $('footer').slideUp(300);
}
});

Answer 1

尝试此检查工作jsfiddle

 $(window).scroll(function () {
        if ($(window).scrollTop() + $(window).height() == $(document).height()) {
            $('footer').slideDown(300);
        } else {
            $('footer').slideUp(300);
        }
  });

Answer 2

将$(this).scrollTop()与您的窗口/身高进行比较，而不是固定值。

Answer 3

    var height;
    var trigger = 350;
    $(window).scroll(function() {
        height = $(document).height()-$(window).height();
        console.log(height+" "+$(this).scrollTop());
    	if ($(this).scrollTop() > height - trigger) {
    		$( 'footer').slideDown(300);
    	} else {
    		$('footer').slideUp(300);
    	}
    });

为了获得更好的性能，将窗口高度计算和文档高度计算放在滚动函数之外，并在加载（$(){}）后运行一次，并在窗口大小调整（$(window).resize(function(){}）

到达页面底部时显示页脚

3 个答案: