Javascript中的Chaser菜单不';滚动时不显示,始终隐藏

Javascript中的Chaser菜单不';滚动时不显示,始终隐藏,javascript,joomla,web,Javascript,Joomla,Web,我正在尝试制作一个chaser菜单(当窗口向下滚动时显示) 我得到了这个代码,并试图复制粘贴到我的网站 $(function ($) { ////////////////////////////////////////////////////////////////////////// ////// START - CODE FOR LOADING THE TOP MENU CHASING BAR /////////////////////////////////////////////////

我正在尝试制作一个chaser菜单(当窗口向下滚动时显示)

我得到了这个代码,并试图复制粘贴到我的网站

$(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);
        }
    });
});
$(函数($){
//////////////////////////////////////////////////////////////////////////
//////开始-加载顶部菜单栏的代码
//////////////////////////////////////////////////////////////////////////
var doc=$(文档),win=$(窗口),chaser,forch,
斜底,可见;
函数显示(){
可见=真实;
}
函数隐藏(){
可见=假;
}
chaser=$('.rt menubar.fusionmenu').clone().hide().appendTo(document.body).wrap(“”);
forch=$('.forchaser').first();
forchBottom=forch.height()+forch.offset().top;
隐藏();
win.bind('scroll',函数(){
var top=doc.scrollTop();
如果(!visible&&top>forchBottom){
追逐器。向下滑动(300,如图所示);
}else if(可见&顶部<前方底部){
追击器滑块(200,隐藏);
}
});
});
以下是我得到的结果:

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

//列表菜单代码
问题是,无论我如何滚动windows滚动条,它总是设置为“显示:无”,而不是“显示:块”。所以它总是隐藏的

如果我在chaser变量代码中稍微消除hide()函数,则:

chaser = $('.rt-menubar.fusionmenu').clone().appendTo(document.body).wrap("<div class='chaser'></div>");
chaser=$('.rt menubar.fusionmenu').clone().appendTo(document.body.wrap(“”);
此时会出现chaser菜单,并且工作正常。然而,这不是我想要的。我希望chaser菜单隐藏在页面顶部,并在向下滚动窗口时显示

如何解决这个问题

谢谢你的帮助

找到了答案

我忘了说:

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

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