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

图片在添加如下代码后，显示不完全（图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
      }
      )
    })();

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

审查一下元素看看，是隐藏了还是消失了

你上述代码的第11行，把block换成flex试试

• 你可以参考下这个问题的回答, 看看是否对你有帮助, 链接: https://ask.csdn.net/questions/7731015
• 你也可以参考下这篇文章：点击展开显示更多，点击收起部分隐藏（每一步附代码）
• 除此之外, 这篇博客: 微信小程序按钮固定在底部时候，遮挡了页面内容的解决方法中的 将按钮置于底部 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
  

• 很简单，
  position:fixed; 使其脱离文档流
  bottom:0; 固定到底部
  就可以了
  代码如下（微信小程序）：

  <view class="mycontainer">
    <view wx:for="{{list}}" wx:key="">{{item}}</view>
    <button class="myButton">按钮</button>
  </view>
  

    /**
     * 页面的初始数据
     */
    data: {
      list:[],
    },
  
    /**
     * 生命周期函数--监听页面加载
     */
    onLoad: function (options) {
      var list=[];
      for(let i=1;i<=100;i++)
      {
        list.push(i);
      }
      this.setData({
        list:list
      })
    },
  
  

  .mycontainer{}
  .myButton{
    opacity: 0.5;
    width: 100%;
    height: 100rpx;
    position: fixed;
    bottom: 0
  }
  

• 您还可以看一下 李月喜老师的企业微信开发概述篇课程中的 内部应用适用场景小节, 巩固相关知识点