Scroll 在滚动底部页面上显示页脚菜单

我有一个脚本，用于在页面底部的滚动上显示页脚菜单，它是固定的，并且可以工作，但是当打开页面或在开始时重新加载时，页脚菜单是可见的。在滚动之后，它会以我想要的方式反应。这其实很简单，但我的大脑目前无法正常工作

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

这是你的电话号码

---

我自己解决了，我想我忘记设置显示：无；在页脚上。

我在下面的css代码中更改了一行：

footer {
    position: fixed;
    background-color: white;
    bottom: 0;
    /* just make the footer display:none when page loading */
    display: none;
    z-index: 300;
}

---

这是您的演示的链接：

是的，我今天早上发现并编辑了我的帖子，完全忘了将display设置为none无论如何谢谢你的帮助；-）