Question

我在Firefox中遇到了一个奇怪的问题。我已将一些js应用于此站点的标题http://devignstudios.nl/，因此当用户向下滚动页面时，标题始终是粘性的。粘性标头在除Firefox之外的所有浏览器中都能正常工作。我试图找到解决方案，但无法找到合适的答案。

以下是js

var stickyNavTop = $('#header').offset().top;
            var stickyNav = function(){  
            var scrollTop = $(window).scrollTop();  

            if (scrollTop > stickyNavTop) {   
                $('#header').addClass('sticky');  
            } else {  
                $('#header').removeClass('sticky');   
            }  
            };  

            stickyNav();  

            $(window).scroll(function() {  
                stickyNav();  
            });

任何帮助都将受到高度赞赏。

提前致谢！

Answer 1

它与scrollTop函数有关，当应用于id和类时，它在firefox的所有情况下都不起作用。试试这个：http://jsfiddle.net/rHmAA/7/

这是你的粘性div的修改版本。（备查）该脚本使用#stickyheader作为包装器。

$(document).ready(function () {
$('a[href^="#"]').bind('click.smoothscroll', function (e) {
    e.preventDefault();

    var target = this.hash,
        $target = $(target);

    var offset;
    if ($('#stickyheader').css('position') == 'relative') {
        offset = $('#stickyheader').outerHeight(true) * 2;
    } else {
        offset = $('#stickyheader').outerHeight(true);
    }
    console.log("offset: " + offset);
    var $parent = $target.offsetParent();
    console.log("$target.offset().top " + $target.offset().top);

    $('#wrapper').animate({
        'scrollTop': $target.offset().top - offset
    }, 1500, function(){
        window.location.hash = target;
    });

});

}）;

Mozilla Firefox中的CSS / JS问题

1 个答案: