scroll在手机上无效？

Question

$('body').on('scroll', function () {
            // console.log($(this).scrollTop());
            if ($(this).scrollTop() >= 2200) {
                $(".dianji2").show();
                setInterval(function () {
                    $(".dianji2").hide()
                }, 4500);
            }
        })

在手机上无效怎么办？

Answer 1

window.addEventListener('scroll', function () {
            if ($(this).scrollTop() >= 3000) {
                $("#el5").show();
            }else{
                $("#el5").hide();
            }
        });

自己找到此方法有效，并且样式中的body不要设置高度100%

Answer 2

好像是因为手机页面上的事件on不能绑定在body上。

$('body').on('scroll', function () {
})

上面这种写法，绑在body上的事件在ios上好像都是没反应，尤其是微信页面里在ios上这么写事件基本不会触发到；

要写成下面这种：

// wrap是要滚动的div的样式
$('.wrap').scroll(function () {
});
// 或者
$('.wrap').on('scroll', function () {
});

Answer 3

document.documentElement.scrollTop || document.body.scrollTop 我记得当时好像是这么取的