Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/474.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 到达页面底部时显示页脚_Javascript_Html_Css_Scroll_Footer - Fatal编程技术网

Javascript 到达页面底部时显示页脚

Javascript 到达页面底部时显示页脚,javascript,html,css,scroll,footer,Javascript,Html,Css,Scroll,Footer,我看到了一些类似的问题,但他们没有给我答案。我希望我的页脚在到达页面底部时显示slideUp,在向顶部滚动时再次隐藏。现在,我使用一个脚本,在一定程度的滚动之后显示页脚 这是 有人知道怎么做吗 $(window).scroll(function() { if ($(this).scrollTop() > 10) { $( 'footer').slideDown(300); } else { console.log('there'); $('footer').slid

我看到了一些类似的问题,但他们没有给我答案。我希望我的页脚在到达页面底部时显示slideUp,在向顶部滚动时再次隐藏。现在,我使用一个脚本,在一定程度的滚动之后显示页脚

这是

有人知道怎么做吗

$(window).scroll(function() {
if ($(this).scrollTop() > 10) {
    $( 'footer').slideDown(300);
} else {
    console.log('there');
    $('footer').slideUp(300);
}
});
将$this.scrollTop与您的窗口/身体高度进行比较,而不是与固定值进行比较。

尝试此检查

变异高度; var触发器=350; $window.scroll函数{ 高度=$document.height-$window.height; console.logheight++$this.scrollTop; 如果$this.scrollTop>高度-触发器{ $“页脚”。向下滑动300; }否则{ $“页脚”。幻灯片300; }
};谢谢你,伙计!我认为这对我来说是最好的。当到达底部并切换隐藏/显示/隐藏/显示等时,它不是那么敏感。再次感谢您!谢谢你的小提琴!
 $(window).scroll(function () {
        if ($(window).scrollTop() + $(window).height() == $(document).height()) {
            $('footer').slideDown(300);
        } else {
            $('footer').slideUp(300);
        }
  });