Question

我有一个脚本，用于显示页面底部滚动的页脚菜单，它可以正常工作，但是当打开页面或在开头重新加载时，页脚菜单是可见的。滚动后，它会以我想要的方式作出反应。它恰当地非常简单，但我的脑袋此刻不起作用。

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

以下是Fiddle

解决了我自己的想法我很难忘记设置显示：无;在页脚上。

Answer 1

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

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

这是一个链接你的演示：http://jsfiddle.net/abruzzi/afgp3ctg/3/

在滚动底部显示页脚菜单

1 个答案: