滚动功能在谷歌浏览器中无效

Question

1）如果我滚动浏览器，如果scrollTop（）大于50px，则导航栏将会关闭。

2）它在Mozilla中运行，但它无法在Google Chrome中运行。

3）在这里我插入了两个库a）jquery-2.1.3.min.js b）bootstrap.min.js

下面是我写的脚本。

$(document).ready(function(){
    $(document).scroll(function(){
        var scroll_top=$("html").scrollTop();
        if(scroll_top >= 50){
            $("nav.navbar-default").addClass(" navbar-scroll");
            }else{
                $("nav.navbar-default").removeClass(" navbar-scroll");}
        });
    });

5）这是小提琴http://jsfiddle.net/vamsivelaga/waL67pkb/

Answer 1

使用“body”或文档而不是html。

    var scroll_top=$("body").scrollTop(); 

或文件

    var scroll_top=$(document).scrollTop(); 

小提琴：http://jsfiddle.net/waL67pkb/1/