上拉右侧显示按钮
   
lan988 级别:管理员    + 关注TA 支持(0) | 反对(0)原内容


<!DOCTYPE html>
<html lang="en">
<head>
  <!--点击调到底部评论-->
<script>
    function goBottom() {
        window.scrollTo(0, document.documentElement.scrollHeight-document.documentElement.clientHeight);
    }
</script>
   <!--右边评论按钮--> 
 <style type="text/css">
  button {
        width: 50px;
        position: fixed;
        right: 0;
        top: 500px;
        display: none;
    }
</style>


</head>
<body>

{LB_3g首页推荐}

<button id="top">
<span class="bottom-bar-item"><a href="javascript:void(0)" ><font size="3" color="#4F4F4F">评论</font></a></span> </button>

<!--上拉显示评论按钮js--> 
    <script>
    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>
回到顶部顶端 回到底部底部
lan988 级别:管理员    + 关注TA 支持(0) | 反对(0)2楼


<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";

        }

    }

回到顶部顶端 回到底部底部
lan988 级别:管理员    + 关注TA 支持(0) | 反对(0)3楼


<button id="top">

<span class="bottom-bar-item"><a href="javascript:void(0)"><font size="3" color="#4F4F4F">评论</font></a></span> </button>

回到顶部顶端 回到底部底部