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

基于滚动应用CSS（函数（）

1 个答案: