如果在内容仍然滚动的情况下敲击移动设备上的“滚动到顶部”按钮，则该按钮不工作

Question

这是我的小提琴。

“滚动到顶部”按钮默认情况下是隐藏的，向下滚动一点后会出现。

问题
如果在向下滑动后，内容仍在移动设备上滚动时点击它就不起作用，在这种情况下需要第二次点击。

问题
如何使它工作，如果点击它，而内容仍然滚动移动（在第一次点击）？

代码

var goToTopBtn = document.getElementById("goToTop");

window.onscroll = function () {
    if (document.body.scrollTop > 900 || document.documentElement.scrollTop > 900) {
        $(goToTopBtn).fadeIn();
    } else {
        $(goToTopBtn).fadeOut();
    }
};

$.fn.goTo = function () {
    
    $('html, body').animate({
        scrollTop: $(this).offset().top + 'px'
    }, '400');
    return this;
}

$(goToTopBtn).on("click", function (event, ui) {
    $('html').goTo();
});

Answer 1

嘿-您可能希望以OnScroll事件为目标，而不是OnTouchMove事件。这样就可以解决移动设备的问题了

因此document.body.onTouchMove