qq_24992289 2016-04-18 07:16 采纳率: 71.4%
浏览 1563
已采纳

求一段js返回顶部的代码

当页面有滚动条并且滚动条不位于顶部时,出现返回顶部的图片或者按钮,返回顶部后自动消失,求大神指点

  • 写回答

7条回答 默认 最新

  • Go 旅城通票 2016-04-18 08:10
    关注
     <style>#toTop{position:fixed;right:0;bottom:20px;display:none}</style>
    <div style="height:2000px"></div>
    <a href="#" id="toTop">top↑</a>
    <script>
        function winScroll() {
            var st = Math.max(document.body.scrollTop, document.documentElement.scrollTop);
            document.getElementById('toTop').style.display=st>=100?'block':'none'
        }
        var timer
        window.onscroll = function () {
            clearTimeout(timer);
            timer = setTimeout(winScroll, 10);
        }
    </script>
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(6条)

报告相同问题?

悬赏问题

  • ¥50 如何增强飞上天的树莓派的热点信号强度,以使得笔记本可以在地面实现远程桌面连接
  • ¥15 MCNP里如何定义多个源?
  • ¥20 双层网络上信息-疾病传播
  • ¥50 paddlepaddle pinn
  • ¥20 idea运行测试代码报错问题
  • ¥15 网络监控:网络故障告警通知
  • ¥15 django项目运行报编码错误
  • ¥15 请问这个是什么意思?
  • ¥15 STM32驱动继电器
  • ¥15 Windows server update services