提问者:小点点

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


这是我的小提琴。

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

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

问题
如何使它工作,如果点击它,而内容仍然滚动移动(在第一次点击)?

代码

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();
});

共1个答案

匿名用户

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

因此document.body.onTouchMove