账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    移动端window.onscroll无效
    42
    0
    <script>
        
    
        
        var stickyEl = document.querySelector('.pannle-label');
        
        
        function fixed() {
            var u = navigator.userAgent;
            var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; 
            var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);
            //判断系统
            if(isAndroid) {
                    console.log('isAndroid')
                    window.onscroll = function() {
                    console.log(2222);
                    var scrollT = document.documentElement.scrollTop||document.body.scrollTop;                
                    if (scrollT > 160) {
                        $(stickyEl).addClass('fixed-top');
                    }else {
                        $(stickyEl).removeClass('fixed-top');
                    }
                    };
                    
            }else if(isiOS) {
                console.log('isiOS');
                $(stickyEl).addClass('sticky');
                
            }
        }
        fixed();
    
            
        
        </script>

    如上代码所示ios上的效果是有的,但在安卓上有问题我列个问题列表看看

    1. 我在滚动的时候控制台并没有输出2222
    2. 我也看到好像是有css的overflow的问题但我并不清楚具体
    3. css众我把滚动条的display:none;有可能是这个问题吗

    求解!!

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部