解决移动端scrollTop获取异常：基于触摸事件的滚动检测方案

$(document).ready(function() {
    $(window).on('scroll touchstart', function() {
        console.log(
            "$('body').scrollTop=" + $('body').scrollTop() +
            ", $('html').scrollTop=" + $('html').scrollTop() +
            ", window.scrollTop= " + $(window).scrollTop() +
            ", document.documentElement.scrollTop= " + document.documentElement.scrollTop +
            ", window.pageYOffset= " + window.pageYOffset +
            ", window.scrollY= " + window.scrollY +
            ", document.body.scrollTop= " + document.body.scrollTop +
            ", document.scrollingElement.scrollTop=" + document.scrollingElement.scrollTop
        );
    });
});

$(document).ready(function() {
    var initialY = null; // 用于存储touchstart时的Y坐标

    // 监听touchstart事件，记录初始触摸位置
    $(window).on('touchstart', function(event) {
        // 确保event.touches存在且有第一个触摸点
        if (event.touches && event.touches.length > 0) {
            initialY = event.touches[0].screenY;
        }
    });

    // 监听touchmove事件，计算位移并判断滚动
    $(window).on('touchmove', function(event) {
        // 如果没有初始Y坐标，则不进行处理
        if (initialY === null) return;

        // 确保event.touches存在且有第一个触摸点
        if (event.touches && event.touches.length > 0) {
            var currentY = event.touches[0].screenY;
            var distanceY = initialY - currentY; // 计算垂直位移，正值表示向上滑动（页面向下滚动）

            // 判断是否发生了明显的向下滚动（distanceY > 30）
            // 并且此时$(window).scrollTop()仍然为零，表明标准滚动检测失败
            if (distanceY > 30 && !$(window).scrollTop()) {
                recoverFromFailedScrollDetection(); // 调用恢复函数
                initialY = null; // 重置initialY，避免重复触发
            }
            // 如果是向上滑动，或滑动距离不足，或scrollTop已非零，则不触发
        }
    });

    // 示例恢复函数，根据实际需求实现
    function recoverFromFailedScrollDetection() {
        console.log("检测到移动端滚动，但scrollTop未更新！执行恢复逻辑...");
        // 例如：
        // 隐藏/显示某个元素
        // 重新初始化某些依赖滚动位置的组件
        // 触发一个自定义事件
    }
});