0

我正在尝试制作一个追逐菜单（当窗口向下滚动时显示）。

我得到了这段代码并尝试将其复制粘贴到我的网站。

$(function ($) {
//////////////////////////////////////////////////////////////////////////
////// START - CODE FOR LOADING THE TOP MENU CHASING BAR
//////////////////////////////////////////////////////////////////////////

    var doc = $(document), win = $(window), chaser, forch,
        forchBottom, visible;
    function shown() {
        visible = true;
    }
    function hidden() {
        visible = false;
    }
    chaser = $('.rt-menubar.fusionmenu').clone().hide().appendTo(document.body).wrap("<div class='chaser'></div>");
    forch = $('.forchaser').first();
    forchBottom = forch.height() + forch.offset().top;
    hidden();
    win.bind('scroll', function () {
        var top = doc.scrollTop();
        if (!visible && top > forchBottom) {
            chaser.slideDown(300, shown);
        } else if (visible && top < forchBottom) {
            chaser.slideUp(200, hidden);
        }
    });
});

这是我得到的结果：

<div class="rt-menubar fusionmenu" style="display: none;">
//code of list menu
</div>

问题是，无论我如何滚动 Windows 滚动条，它总是设置为“显示：无”而不是“显示：块”。所以它总是隐藏的。

如果我稍微消除追踪器变量代码中的 hide() 函数：

chaser = $('.rt-menubar.fusionmenu').clone().appendTo(document.body).wrap("<div class='chaser'></div>");

追逐者菜单出现并且工作正常。然而，这不是我想要的。我希望追逐菜单隐藏在页面顶部，并在我向下滚动窗口时显示。

如何解决这个问题？

谢谢你的帮助！

4

1 回答 1

0

找到了答案！

我忘了放：

<div class="forchaser"></div>

在主体区域的某处。这是给一个标记作为你的追逐菜单将显示的起点。

于 2012-12-14T18:01:44.137 回答