如何解决vue中scrollTop=0之坑

这是由于DTD的问题 → <!DOCTYPE html>

页面指定了DTD，即指定了DOCTYPE时，使用document.documentElement。

页面没有DTD，即没指定DOCTYPE时，使用document.body。

示例，滚动到元素的底部，上代码：

var wrapper = this.$el.querySelector('.wrapper');

this.$nextTick(() => {    

    document.documentElement.scrollTop = wrapper.scrollHeight;

});
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • 十一、DOM2 和DOM 3
      DOM 1 级主要定义的是 HTML 和 XML 文档的底层结构。   DOM2 和 DOM3 级则在这个结构...
    霜天晓阅读 1,478评论 1赞 3
  • 十二、事件
      JavaScript 与 HTML 之间的交互是通过事件实现的。   事件，就是文档或浏览器窗口中发生的一些特...
    霜天晓阅读 3,538评论 1赞 11
  • 九、DOM
      DOM（文档对象模型）是针对 HTML 和 XML 文档的一个 API（应用程序编程接口）。   DOM 描绘...
    霜天晓阅读 3,690评论 0赞 7
  • document节点
    概述 document节点是文档的根节点，每张网页都有自己的document节点。window.document属...
    许先生__阅读 670评论 0赞 2
  • HTML标签
    HTML标签解释大全 一、HTML标记 标签：!DOCTYPE 说明：指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 3,320评论 1赞 41