javascript - Jquery 滚动功能不适用于 iphone 设备

Question

我有一个滚动功能，当用户滚动时会出现一个 div，当他们向上滚动时它会消失。问题是当我在设备(iphone)上测试时，这仅适用于移动设备，当我一直滚动到顶部时，div 出现在顶部，在 chrome 模拟器上它很好，但在 iphone chrome 和 iphone safari 上它出现在顶部？有什么想法吗？

$('document').ready(function() {

    var lastScrollTop = 0;

    $(window).scroll(function(event) {
        var st = $(this).scrollTop();
        if (st > lastScrollTop) {
            $('.scroll-div').show();
        } else if (st == lastScrollTop) {
            //do nothing 
            //In IE this is an important condition because there seems to be some instances where the last scrollTop is equal to the new one
        } else {
            $(".scroll-div").hide();
        }
        lastScrollTop = st;
    });
});

Answer 1

您可以使用此代码获取 scrolltop 值

scrollTop = Math.max(window.pageYOffset, document.documentElement.scrollTop, document.body.scrollTop)

JQuery 方法 $(this).scrollTop() 在 IOS 中可能返回零