0

我的网站上有两个导航，它们都在顶部并且基本上做同样的事情。

当页面最初加载并且尚未滚动时，我希望主要（较小）导航出现在页面上。

一旦页面滚动并且主导航不再可见，我希望辅助导航（更大）出现并固定在页面顶部。

我已经完成了固定到顶部的部分，我只需要页面滚动部分的淡入和淡出帮助。

主导航的 id 为：navMain

第二个导航的 id 为：navSecondary

我在 Stackoverflow 上找到了这个脚本，但它似乎并没有完全符合我的要求。

$(window).scroll(function() {
    var pxFromBottom = 350;
    if ($(window).scrollTop() + $(window).height() > $(document).height() - pxFromBottom) {
        $('#navSecondary').fadeOut('slow');
    } else {
        $('#navSecondary').fadeIn('slow')
    }
});

此脚本允许两个导航菜单在页面最初加载时同时出现，并且一旦您滚动页面，辅助导航就会消失并且即使您滚动回页面顶部也不会返回。

如果你愿意，你可以在这里看到我在说什么：

http://www.green-panda.com/contact.php

4

0 回答 0