首页前端开发JavaScript【JavaScript】给你的网站加一个简单的返回顶部(网页制作返回顶部)

【JavaScript】给你的网站加一个简单的返回顶部(网页制作返回顶部)

时间2023-03-24 17:27:45发布访客分类JavaScript浏览1590
导读:工具:灵巧的小手 要实现的功能分别为: 1.当滑动到一定位置,返回顶部按钮的显示与消失。(用if判断 2.点击返回顶部按钮,返回到顶部。(使用window.scroll(0,0 css和html部分: 首先我们的页面需要一个返回顶部的按...

工具:灵巧的小手 要实现的功能分别为: 1.当滑动到一定位置,返回顶部按钮的显示与消失。(用if判断) 2.点击返回顶部按钮,返回到顶部。(使用window.scroll(0,0))

css和html部分:

首先我们的页面需要一个返回顶部的按钮,用户用来点击(必须使用固定定位定位不然它就跟页面走了,然后在css中让它的display: none; )。

js部分:

获取按钮,body主页高度,通过window.pageYOffset 获取滑动的高度, 滑动大于1/3时,让它显示,小于隐藏 点击返回顶部使用window.scroll(0,0)

温馨提示:本文最后更新于2021-11-18,若文件或内容有错误或已失效,请在下方留言。

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

javascriptcss网站window工具

若转载请注明出处: 【JavaScript】给你的网站加一个简单的返回顶部(网页制作返回顶部)
本文地址: https://pptw.com/jishu/202.html
一道题解释 js 的词法作用域 如何用 JavaScript 制作一个好用又好玩的图片压缩工具

游客 回复需填写必要信息