javascript - 基于 scroll(function()) 应用 CSS

Question

我编写了一个脚本，当我的网站作为网络应用程序加载到 iPad 上时，它会增加导航菜单的上边距，但是我想添加第三个条件:在用户向下滚动之后。

我当前的脚本:

    <script type='text/javascript'>
    jQuery("div").ready(function(){
        if (("standalone" in window.navigator) && window.navigator.standalone) {
        var array = window.navigator.userAgent.match("iPad"); if(array!=null && array.length == 1)
            jQuery(".menu-secondary-wrap").css("marginTop", "20px");
        };
    });
    </script>

我想补充:

    jQuery(document).scroll(function(){
        if(jQuery(this).scrollTop() > 175){

我只是不确定该怎么做 - 我似乎无法获得正确的语法。

非常感谢任何帮助!

Answer 1

在结束 head 标签之前添加此脚本

window.onscroll = function (e) {
    var scrollTopVal = window.pageYOffset || document.body.scrollTop;
    if(parseInt(scrollTopVal,10) > 175){
        //Your Stuff Here
    }
}

不需要 jQuery。 DEMO