javascript - 适用于 google chrome,但不适用于 firefox 和 IE

标签 javascript jquery

有谁知道为什么这只适用于 chrome。它基本上是一个代码,当您向下滚动导航固定类时,将导航栏捕捉到顶部。函数 fix_top_bar 是一种将创建的条形居中的方法。

function fix_top_bar(){
    var barWidth = $('.nav-fixed').width();
    $('.nav-fixed').css({ 'left' : '50%', 'margin-left' : '-' + (barWidth/2 + 20) + 'px' });
}

$('document').ready(function() {
        $(window).scroll(function() {
            if ($('body').scrollTop() > 112) {

                $('nav').addClass('nav-fixed');
                fix_top_bar();                              
                }else{
                $('.nav-fixed').css({ 'left' : '', 'margin-left' : ''});
                $('nav').removeClass('nav-fixed');
            }
        });

    fix_top_bar();
    $(window).resize(function(){
          fix_top_bar();  
    });
    });

最佳答案

我认为你的问题是

$('document').ready(function() {

尝试

$(document).ready(function() { // Note there is no tag <document>

关于javascript - 适用于 google chrome,但不适用于 firefox 和 IE,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16797249/

相关文章:

javascript - 用数组 react useState 钩子(Hook)竞争条件

javascript - Three.js WebGL 纹理在平面上显示为黑色

javascript - D3 - x 轴的标签是链接

javascript - 关于 John Resig 的简单 Javascript 继承的问题

javascript - jQuery 不附加标题

javascript - Ajax.BeginForm 处理两个不同的 onSuccess 响应,MVC 5,C#

javascript - 是否可以在没有 javascript 的情况下使用选项卡

jquery 验证是否大于最小值

jquery - 使用 jquery 在模态窗口中验证表单输入的问题

javascript - 具有导航和子导航功能的 jQuery slider