咨询热线:4006-75-4006
售前:9:00-23:30 备案:9:00-18:00 技术:7*24h
有的时候我们需要实现点击按钮回到页面顶部的效果,下面就是我的实现
首先HTML代码如下
<div class="QZ-up" style="display: none;"></div>
当滚动条高度大于120px的时候出现按钮
jquery代码如下:
$(window).scroll(function() {
var scroll_len = $(window).scrollTop();
if(scroll_len > 120) {
$('.QZ-up').fadeIn();
} else {
$('.QZ-up').fadeOut();
};
});
$('.QZ-up').click(function(e){
$("body,html").animate({scrollTop:0},300);
})