用JS操作,body元素的scrollTop
var getTop = document.getElementById("get-top"); var head = document.getElementById("head"); getTop.onclick = function () { var time = setInterval(function () { document.body.scrollTop = document.body.scrollTop - 50; if (document.body.scrollTop === 0) { clearInterval(time); } }, 1); };
下面不确定,网上找的没实验;
$(window).scroll(function(){ if ($(window).scrollTop()>100){ $("#backTop").fadeIn(1500); } else { $("#backTop").fadeOut(1500); } }); //当点击跳转链接后,回到页面顶部位置 $("#backTop").click(function(){ $(‘body,html‘).animate({scrollTop:0},1000); return false; }); });
时间: 2024-10-10 10:07:35