CODEWITHSUNDEEP
javascriptjqueryfirefoxopera
Eugen Soloviov
Eugen Soloviov

Reputation: 306

Scrollspy jquery doesn't work in firefox, opera

Please help me with this problem. My script doesn't work in firefox and opera, it work's only in chrome. http://jsfiddle.net/suenot/2Fju6/3/

$(document).ready(function() {
    var navsPosition = $('#goods-navs').position().top;
    $(window).scroll(function() {
        if ( $('body').get(0).scrollTop > navsPosition) {
            $('#goods-navs').addClass('active');
        } else {
            $('#goods-navs').removeClass('active');
        }
    });
});

Upvotes: 0

Views: 874

Answers (1)

Dappergoat
Dappergoat

Reputation: 479

Try:

$(document).ready(function() {
    var navsPosition = $('#goods-navs').position().top;
    $(window).scroll(function() {

        if ( $(window).scrollTop() > navsPosition) {
            $('#goods-navs').addClass('active');
        } else {
            $('#goods-navs').removeClass('active');
        }
    });
});

use "$(window).scrollTop()" instead of "$('body').get(0).scrollTop"

Upvotes: 3

Related Questions