documentbodyscrollTop的值总为0的解决办法

235 阅读1分钟

做vue项目时监听页面滚动, 触发move事件, 代码如下

move(){
      if(document.document.scrollTop < 100) {
        this.isshow = false
      } else {
        this.isshow = true
      }
    }

其实是一个很简单的需求, isshow的值一直是false, 页面也不报错

调试半天, 发现document.body.scrollTop一直是0

最后搜索发现是DOCTYPE的问题

页面指定了DOCTYPE时, 使用document.documentElement

页面没指定DOCTYPE时使用document.body