解决vue无法设置滚动位置的问题
更新时间：2018年10月07日 10:28:50 作者：huangenai
这篇文章主要介绍了解决vue无法设置滚动位置的问题 ,需要的朋友可以参考下
问题描述
在实现锚点定位的时候发现无法设置滚动条的位置。
在Vue中，使用 document.body.scrollTop=952 无法设置滚动条的高度。
document.body.scrollTop一直是0
原因
因为vue的页面指定了DTD，即指定了DOCTYPE时，使用document.documentElement。
页面没有DTD，即没指定DOCTYPE时，使用document.body。
解决方案
document.documentElement=956
总结
以上所述是小编给大家介绍的解决vue无法设置滚动位置的问题 ，希望对大家有所帮助，如果大家有任何疑问欢迎给我留言，小编会及时回复大家的！
相关文章
新建项目的时候创建合理的目录结构便于后期的维护是很重要。这篇文章主要介绍了Vue+webpack项目配置便于维护的目录结构 ,需要的朋友可以参考下2018-10-10
有时候我们需要播放 m3u8 格式的视频,或者实现视频播放器更多定制化需求,HTML 的 video 元素无法实现这些需求,这时候可以考虑使用 Video.js,本文给大家介绍了vue3使用video.js播放m3u8格式视频的操作指南,需要的朋友可以参考下2024-07-07
在当今的数据驱动时代,数据可视化变得越来越重要,它能够帮助我们更直观地理解数据,从而做出更好的决策,在这篇博客中,我们将探索如何使用 Vue 和一些常见的图表库（如 Chart.js）来制作漂亮的数据可视化效果,需要的朋友可以参考下2024-10-10
这篇文章主要介绍了Vue 页面权限控制和登陆验证功能的实例代码，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下2019-06-06
这篇文章主要介绍了vue动态属性数据绑定（v-bind指令）的相关资料，文中讲解非常细致，代码帮助大家更好的理解和学习，感兴趣的朋友可以了解下2020-07-07
解决axios发送post请求上传文件到后端的问题(multipart/form-data)
这篇文章主要介绍了如何使用axios发送post请求上传文件到后端(multipart/form-data),本文给大家带来了问题原因及解决方案，结合实例代码给大家介绍的非常详细，需要的朋友可以参考下2022-05-05
这篇文章主要介绍了使用Vue动态生成form表单的实例代码,非常不错，具有参考借鉴价值，需要的朋友可以参考下2018-04-04
这篇文章主要为大家介绍了Vue组件实现景深卡片轮播示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-07-07
Vue开发模式是一种基于Vue.js框架的开发方式,它可以帮助开发者更高效地构建和维护复杂的Web应用程序,下面这篇文章主要给大家介绍了关于vue关闭开发模式提示的简单解决办法,需要的朋友可以参考下2024-04-04
Vue中的element tabs点击锚点定位,鼠标滚动定位
这篇文章主要介绍了Vue中的element tabs点击锚点定位,鼠标滚动定位方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-07-07
最新评论