css3如何实现click后页面过渡滚动到顶部
使用body的srollTop=0，给body添加transition：all 1s无效。我觉得这不是css的事情
大废柴教VIP
9 years, 2 months ago
Answers
用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);
};
缝隙妖怪的式神
answered 9 years, 2 months ago
用JS。css又不能获取页面高度，并且绑定事件，无法实现吧
$(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;
});
});
靈夢D靈喵
answered 9 years, 2 months ago