700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > html返回顶部开始隐藏 回到顶部并且监听顶部按钮显示或隐藏

html返回顶部开始隐藏 回到顶部并且监听顶部按钮显示或隐藏

时间:2020-06-27 10:52:50

相关推荐

html返回顶部开始隐藏 回到顶部并且监听顶部按钮显示或隐藏

html:

js:

/**

* 点击top按钮回到顶部

*/

$('#top,#top2').on('click',function () {

$("html, body").animate({scrollTop: 0 }, {duration: 500,easing: "swing"});

return false;

});

/**

* 监听页面

* */

$(window).bind('scroll',function(){

if(window.innerWidth >= 768){

var len=$(this).scrollTop();

if(len>=100){

//显示回到顶部按钮

$('#top').fadeIn('1000');

}else{

//影藏回到顶部按钮

$('#top').fadeOut('1000');

}

}else {

var len=$(this).scrollTop();

if(len>=100){

//显示回到顶部按钮

$('#top2').fadeIn('1000');

}else{

//影藏回到顶部按钮

$('#top2').fadeOut('1000');

}

}

});

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。