解决vue无法设置滚动位置的问题


Posted in Javascript onOctober 07, 2018

问题描述

在实现锚点定位的时候发现无法设置滚动条的位置。

在Vue中,使用 document.body.scrollTop=952 无法设置滚动条的高度。

document.body.scrollTop一直是0

解决vue无法设置滚动位置的问题

原因

因为vue的页面指定了DTD,即指定了DOCTYPE时,使用document.documentElement。

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

解决方案

document.documentElement=956

总结

以上所述是小编给大家介绍的解决vue无法设置滚动位置的问题 ,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!

Javascript 相关文章推荐
背景音乐每次刷新都可以自动更换
Feb 01 Javascript
推荐5 个常用的JavaScript调试技巧
Jan 08 Javascript
Javascript代码实现仿实例化类
Apr 03 Javascript
Javascript监视变量变化的方法
Jun 09 Javascript
javascript实现支持移动设备画廊
Aug 24 Javascript
JSONObject使用方法详解
Dec 17 Javascript
AngularJS bootstrap启动详解及实例代码
Sep 14 Javascript
如何使用Vuex+Vue.js构建单页应用
Oct 27 Javascript
BootStrap CSS全局样式和表格样式源码解析
Jan 20 Javascript
解决iview打包时UglifyJs报错的问题
Mar 07 Javascript
微信小程序如何调用json数据接口并解析
Jun 29 Javascript
react-router-dom 嵌套路由的实现
May 02 Javascript
cdn模式下vue的基本用法详解
Oct 07 #Javascript
vue实现添加与删除图书功能
Oct 07 #Javascript
JavaScript检查数据中是否存在相同的元素(两种方法)
Oct 07 #Javascript
JS函数内部属性之arguments和this实例解析
Oct 07 #Javascript
JS如何获取地址栏的参数实例讲解
Oct 06 #Javascript
详谈js的变量提升以及使用方法
Oct 06 #Javascript
浅析js中mvvm模式实现的原理
Oct 06 #Javascript
You might like
Discuz! 5.0.0论坛程序中加入一段js代码,让会员点击下载附件前自动弹出提示窗口
2007/04/18 PHP
详解WordPress中过滤链接与过滤SQL语句的方法
2015/12/18 PHP
详解PHP对象的串行化与反串行化
2016/01/24 PHP
php微信公众账号开发之前五个坑(一)
2016/09/18 PHP
详谈php中 strtr 和 str_replace 的效率问题
2017/05/14 PHP
JS 创建对象(常见的几种方法)
2008/11/03 Javascript
如何让DIV可编辑、可拖动示例代码
2013/09/18 Javascript
js实现简单的购物车有图有代码
2014/05/26 Javascript
JavaScript导出Excel实例详解
2014/11/25 Javascript
jQuery通过扩展实现抖动效果的方法
2015/03/11 Javascript
jQuery Uploadify 上传插件出现Http Error 302 错误的解决办法
2015/12/12 Javascript
浅析Javascript中bind()方法的使用与实现
2016/05/30 Javascript
String字符串截取的四种方式总结
2016/11/28 Javascript
深入理解AngularJS中的ng-bind-html指令
2017/03/27 Javascript
关于Vue.nextTick()的正确使用方法浅析
2017/08/25 Javascript
vue.js开发实现全局调用的MessageBox组件实例代码
2017/11/22 Javascript
js实现上下左右键盘控制div移动
2020/01/16 Javascript
深入理解Python变量与常量
2016/06/02 Python
在windows下Python打印彩色字体的方法
2018/05/15 Python
Python Web编程之WSGI协议简介
2018/07/18 Python
python 直接赋值和copy的区别详解
2019/08/07 Python
对django2.0 关联表的必填on_delete参数的含义解析
2019/08/09 Python
Python socket聊天脚本代码实例
2020/01/02 Python
jupyter notebook 参数传递给shell命令行实例
2020/04/10 Python
python下对hsv颜色空间进行量化操作
2020/06/04 Python
Python模拟登录和登录跳转的参考示例
2020/10/30 Python
英国床和浴室商场:Bed & Bath Emporium
2018/05/20 全球购物
Jacadi Paris英国官网:法国童装品牌
2019/08/09 全球购物
俄罗斯最大的在线手表商店:Bestwatch.ru
2020/01/11 全球购物
解决方案设计综合面试题
2015/08/31 面试题
五一活动标语
2014/06/30 职场文书
竞选学委演讲稿
2014/09/13 职场文书
授权委托书公证
2014/09/14 职场文书
党员个人对照检查材料思想汇报
2014/09/16 职场文书
银行优秀员工推荐信
2015/03/24 职场文书
优秀团员主要事迹材料
2015/11/05 职场文书