上拉右侧显示按钮-玄门社区-风水自学网

601 查看	2 回复

主题：上拉右侧显示按钮 [收藏主题]

lan988 当前离线

288 主题	210 广播	31 粉丝

级别:管理员

用户积分:182 分
登录次数:1101 次
注册时间:2007-3-30
最后登录:2024-11-27
论坛高手

lan988 发表于：2023-12-21 17:20:00 | 只看该作者查看该作者主题楼主

<!DOCTYPE html>

<head>

function goBottom() {

window.scrollTo(0, document.documentElement.scrollHeight-document.documentElement.clientHeight);

}

</script>

button {

width: 50px;

position: fixed;

right: 0;

top: 500px;

display: none;

}

</style>

</head>

<body>

{LB_3g首页推荐}

var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;

var top = document.getElementById("top");

window.onscroll = function () {

var top = document.getElementById("top");

if (document.documentElement.scrollTop > 500 || document.body.scrollTop > 500) {

top.style.display="block";

｝ else ｛

top.style.display="none";

｝

</script>

</body>

</html>

分享到

专业从事风水，命理，择日，取名等。

本站是提供个人知识管理的网络存储空间，所有非本站原创内容均由用户发布，不代表本站观点。如发现有害或侵权内容，请点击这里举报

支持(0) |

反对(0)

顶端

底部

lan988 当前离线

288 主题	210 广播	31 粉丝

级别:管理员

用户积分:182 分
登录次数:1101 次
注册时间:2007-3-30
最后登录:2024-11-27
论坛高手

lan988 发表于：2023-12-21 17:21:44 | 只看该作者查看该作者主题沙发

<button id="top"> 返回顶部</button>

返回顶部换js

var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;

var top = document.getElementById("top");

top.onclick = function () {

      var time = setInterval(function () {

         document.documentElement.scrollTop--;

         document.body.scrollTop--;

         if (document.documentElement.scrollTop <= 0 && document.body.scrollTop <= 0) {

            clearInterval(time);

         }

      },1)

}

window.onscroll = function () {

      var top = document.getElementById("top");

      if (document.documentElement.scrollTop > 200 || document.body.scrollTop > 200) {

         top.style.display="block";

      } else {

         top.style.display="none";

      }

}

本站是提供个人知识管理的网络存储空间，所有非本站原创内容均由用户发布，不代表本站观点。如发现有害或侵权内容，请点击这里举报

支持(0) |

反对(0)

顶端

底部

lan988 当前离线

288 主题	210 广播	31 粉丝

级别:管理员

用户积分:182 分
登录次数:1101 次
注册时间:2007-3-30
最后登录:2024-11-27
论坛高手

lan988 发表于：2023-12-21 18:26:11 | 只看该作者查看该作者主题藤椅

本站是提供个人知识管理的网络存储空间，所有非本站原创内容均由用户发布，不代表本站观点。如发现有害或侵权内容，请点击这里举报

支持(0) |

反对(0)

顶端

底部

＜下一主题 | 上一主题＞

<< 返回列表

首页 1