编程 Javascript

解决VUE中document.body.scrollTop为0的问题

Posted in Javascript onSeptember 15, 2018

Vue中document.body.scrollTop的值总为零的解决办法

最近在做vue的时候监听页面滚动发现document.body.scrollTop一直为0

但是发现document.body.scrollTop一直是0。

查资料发现是DTD的问题。

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

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

IE和Firefox都是如此。

以上这篇解决VUE中document.body.scrollTop为0的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持三水点靠木。

解决VUE中document.body.scrollTop为0的问题

- Author -

echone_wenqian

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

javascript自执行函数之伪命名空间封装法

Dec 25 Javascript

js实现弹窗插件功能实例代码分享

Dec 12 Javascript

js实现的复制兼容chrome和IE

Apr 03 Javascript

跟我学习javascript的全局变量

Nov 16 Javascript

Angular.js回顾ng-app和ng-model使用技巧

Apr 26 Javascript

jQuery基础_入门必看知识点

Jul 04 Javascript

AngularJS入门教程之ng-checked 指令详解

Aug 01 Javascript

JS实现的简单轮播图运动效果示例

Dec 22 Javascript

javascript 删除数组元素和清空数组的简单方法

Feb 24 Javascript

vue 的keep-alive缓存功能的实现

Mar 22 Javascript

Electron autoUpdater实现Windows安装包自动更新的方法

Dec 24 Javascript

原生js实现拖拽移动与缩放效果

Aug 24 Javascript

Vue实现调节窗口大小时触发事件动态调节更新组件尺寸的方法

Sep 15 #Javascript

vue 监听某个div垂直滚动条下拉到底部的方法

Sep 15 #Javascript

vue--点击当前增加class,其他删除class的方法

Sep 15 #Javascript

vue-cli 使用vue-bus来全局控制的实例讲解

Sep 15 #Javascript

在vue中实现点击选择框阻止弹出层消失的方法

Sep 15 #Javascript

对vue下点击事件传参和不传参的区别详解

Sep 15 #Javascript

vue-cli webpack 引入swiper的操作方法

Sep 15 #Javascript

You might like

2019年漫画销量排行榜：鬼灭登顶海贼单卷制霸尾田盛赞鬼灭

2020/03/08 日漫

UCenter中的一个可逆加密函数authcode函数代码

2010/07/20 PHP

探讨:如何使用PHP实现计算两个日期间隔的年、月、周、日数

2013/06/13 PHP

PHP处理Oracle的CLOB实例

2014/11/03 PHP

PHP使用file_get_content设置头信息的方法

2016/02/14 PHP

PHP针对字符串开头和结尾的判断方法

2016/07/11 PHP

PHP5.5基于mysqli连接MySQL数据库和读取数据操作实例详解

2019/02/16 PHP

JS获取浏览器版本及名称实现函数

2013/04/02 Javascript

js获取指定日期前后的日期代码

2013/08/20 Javascript

JS获取月的最后一天与JS得到一个月份最大天数的实例代码

2013/12/16 Javascript

JQuery 图片滚动轮播示例代码

2014/03/24 Javascript

JS获取URL中参数值（QueryString）的4种方法分享

2014/04/12 Javascript

提升jQuery的性能需要做好七件事

2016/01/11 Javascript

用canvas 实现个图片三角化（LOW POLY）效果

2016/02/18 Javascript

vue 中directive功能的简单实现

2018/01/05 Javascript

Angular2 父子组件通信方式的示例

2018/01/29 Javascript

vue axios 给生产环境和发布环境配置不同的接口地址(推荐)

2018/05/08 Javascript

WebPack配置vue多页面的技巧

2018/05/15 Javascript

详解在Vue中使用TypeScript的一些思考(实践)

2018/07/06 Javascript

微信小程序之多列表的显示和隐藏功能【附源码】

2018/08/06 Javascript

基于javascript的拖拽类封装详解

2019/04/19 Javascript

python中的变量如何开辟内存

2018/06/26 Python

浅析python的优势和不足之处

2018/11/20 Python

浅谈matplotlib.pyplot与axes的关系

2020/03/06 Python

pycharm设置python文件模板信息过程图解

2020/03/10 Python

CSS3 绘制BMW logo实的现代码

2013/04/25 HTML / CSS

英国排名第一的礼品体验公司：Red Letter Days

2018/08/16 全球购物

纽约市的奢华内衣目的地：Anya Lust

2019/08/02 全球购物

英国时尚泳装品牌：Maru Swimwear

2019/10/06 全球购物

BIFFI美国站：意大利BIFFI BOUTIQUES豪华多品牌时装零售公司

2020/02/11 全球购物

CHARLES & KEITH加拿大官网：新加坡时尚品牌

2020/03/26 全球购物

社区服务活动总结

2014/05/07 职场文书

校园演讲稿汇总

2014/05/21 职场文书

幸福来敲门观后感

2015/06/04 职场文书

团拜会主持词

2015/07/04 职场文书

Win11电源已接通但未充电怎么办？Win11电源已接通未充电的解决方法

2022/04/05 数码科技