iou3344 2022-11-02 02:22 采纳率: 85.2%
浏览 25
已结题

jquery改成原生js怎么做呢?

<script type="text/javascript">
    // 回到顶部相关js代码
    //滑动页面超过一个屏幕的高度时 则显示 回到顶部元素
    $(window).scroll(function(){
        $(this).scrollTop()>=$(window).height()?$('.common-backtop-link').show():$('.common-backtop-link').hide();
    })
    // $('.common-backtop-link').show();//默认显示回到顶部元素

    //点击回到顶部
    $(document).on('click','.common-backtop-link',function(){
        $("html,body").animate({
            scrollTop:0
        },300);
    })
</script>


  • 写回答

3条回答 默认 最新

  • ironprosper 2022-11-02 09:48
    关注
    <script>
        let elem = document.getElementsByClassName('common-backtop-link')
        window.onscroll = function () {
            elem[0].style.cssText = document.documentElement.scrollTop > window.screen.height?'display: block;':'display: none;';
        }
        elem[0].onclick = function () {
            document.documentElement.scrollTop = 0
        }
    </script>
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题?

问题事件

  • 已结题 (查看结题原因) 11月4日
  • 已采纳回答 11月4日
  • 创建了问题 11月2日

悬赏问题

  • ¥20 搭建pt1000三线制高精度测温电路
  • ¥15 使用Jdk8自带的算法,和Jdk11自带的加密结果会一样吗,不一样的话有什么解决方案,Jdk不能升级的情况
  • ¥15 画两个图 python或R
  • ¥15 在线请求openmv与pixhawk 实现实时目标跟踪的具体通讯方法
  • ¥15 八路抢答器设计出现故障
  • ¥15 opencv 无法读取视频
  • ¥15 按键修改电子时钟,C51单片机
  • ¥60 Java中实现如何实现张量类,并用于图像处理(不运用其他科学计算库和图像处理库))
  • ¥20 5037端口被adb自己占了
  • ¥15 python:excel数据写入多个对应word文档