mui返回顶部按钮显示隐藏

//返回顶部按钮显示隐藏

var scrollToTopBox = document.getElementById('backTop');

window.addEventListener('scroll', function(e) {

if (window.pageYOffset >= 300){

scrollToTopBox.style.display="block";

}else if(window.pageYOffset <300){

scrollToTopBox.style.display="none";

}

});

返回顶部

scrollToTopBox.addEventListener('tap',function(e){

window.scrollTo(0, 0, 100);

})

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 以下是常用的代码收集,学习用。转自豪情博客园 1. PC - js 返回指定范围的随机数(m-n之间)的公式 re...
    自由加咖啡阅读 1,123评论 0 1
  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 1,276评论 0 1
  • 工厂模式类似于现实生活中的工厂可以产生大量相似的商品,去做同样的事情,实现同样的效果;这时候需要使用工厂模式。简单...
    舟渔行舟阅读 8,131评论 2 17
  • 人类有了思想以后,不满足于指手划脚,便用一些简单的符号作为固定意识信息来交流。少量的文字形成以后,刻在石头...
    旷山壹郎阅读 320评论 0 0
  • 今天来介绍一下能有效培养背肌的花式引体向上运动。 想要拥有完美身材,首先第一步是要了解自己的身体结构,今天让我们先...
    f69b661ee123阅读 2,682评论 0 15

友情链接更多精彩内容