这是我的小提琴。
“滚动到顶部”按钮默认情况下是隐藏的,向下滚动一点后会出现。
问题
如果在向下滑动后,内容仍在移动设备上滚动时点击它就不起作用,在这种情况下需要第二次点击。
问题
如何使它工作,如果点击它,而内容仍然滚动移动(在第一次点击)?
代码
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();
});
嘿-您可能希望以OnScroll
事件为目标,而不是OnTouchMove
事件。这样就可以解决移动设备的问题了
因此document.body.onTouchMove