图片在添加如下代码后，显示不完全（图2）

Question

图片在添加如下代码后，显示不完全（图2）是怎么回事呢？
（业务为：页面滚动底部，可以出现一个侧边栏，点击返回顶部，可以返回顶部）

 (function () {
      const warn = document.querySelector('.warn')
      const backTop = document.querySelector('.backTop')
      const y = warn.getBoundingClientRect().y;
      backTop.style.display = 'none'
      window.addEventListener('scroll', function () {
        // console.log(warn);
        if (document.documentElement.scrollTop < y) {
          backTop.style.display = 'none'
        } else {
          backTop.style.display = 'block'
        }
      })
      backTop.addEventListener('click', function () {
        document.documentElement.scrollTop = 0
      }
      )
    })();

Answer 1

你这段代码加在哪里了？在设置了类为 backTop 的元素前边还是后边？