Question

当我向下滚动页面时会出现导航栏，但我希望它在页面加载时显示。

这是我正在使用的jQuery代码：

<script type="text/javascript">
    $(document).scroll(function() {
    if ($(this).scrollTop() == 20) {
            $("#floating-nav-content").slideUp(400);
        } else {
            $("#floating-nav-content").slideDown(600);
        }

    });
</script>

这是我使用此处的链接。 http://dev.servicescart.com/about

此链接仅适用于本网站的内部页面，如上所述。

Answer 1

如果您希望在页面加载时应用它，请删除该滚动事件并将操作挂钩到文档就绪事件。

.ready()活动的文档

描述：指定DOM完全执行时要执行的函数加载。

ErrorContentNegotiationStrategy

Answer 2

在Rahul的帮助下，我做到了。这是我用来加载页面加载导航的代码，而不是向下滚动等待。

<script type="text/javascript">
$( document ).ready(function() {

    $("#floating-nav-content").slideDown(600);

});
</script>

当我向下滚动页面时出现导航 - 它应该出现在页面加载上

2 个答案: