Question

我写过一些jQuery, 一旦用户在页面上滚动过后, 就可以固定一个子菜单。 jQuery 更改子菜单上的类使其固定。除了一个假想之外, 这都很好, 如果我在 Firefox 的页面上刷新 - 我在其他浏览器中没有遇到过这个问题。

$(function(){
    var menu = $( #submenu_wrapper ),
        pos = menu.offset();
        $(window).scroll(function(){
            if($(this).scrollTop() >= pos.top-57 && menu.hasClass(  )){
                menu.addClass( fixed );
                $( .content_push ).css({"height":"109px"});
            } else if($(this).scrollTop() <= pos.top-57 && menu.hasClass( fixed )){
                menu.removeClass( fixed );
                $( .content_push ).css({"height":"57px"});
            }
        });
});

如果页面被重写, Firefox 会保留更改的类状态吗? 我见过类似的固定菜单努力设法做到这一点, 但似乎无法弄清楚。 Twitter Bootsstrap网站 , 例如,如果你去Javascript部分做这个事情,

欢呼声。

Answer 1

不,在重新加载脚本所做的任何修改都不存在。

Answer 2

我觉得盗贼马斯特是对的,让我惊讶的是,其他浏览器的行为却不同。

作为一种变通办法,当您显示子菜单时添加一个 URL 碎片( 使用 # ), 在页面加载时, 检查该碎片, 如果有的话, 运行显示子菜单的脚本。

Answer 3

唯一想到的就是在饼干中存储一个值, 并且根据这个饼干在刷新时的值, 对元素应用适当的等级。

友情链接