可能是浏览器兼容的问题,使用这个语句来获取位置 const scrollY = document.documentElement.scrollTop || document.body.scrollTop || window.pageYOffset; 是否使用了elementPlus等UI组件,例如el-container,有可能是组件内部的样式问题,不使用封装的组件能否触发滚动事件?能:组件的问题,不能:参考3 继续搜吧,或请教...
你可以尝试打印滚动条的位置,页面滚动后,再次打印滚动条的位置,如果一直为0的话,那我的的这个方法就可以解决你遇到的问题(说明你可能一直在打印窗口的滚动,而不是你真正需要控制滚动的那个元素). 误区: 并不是一股脑设置window.scrollTop就可以让页面滚动的 scrollTop可以用来设置滚动条位置,但是你得找对元素,在路由...
scrollTop:0 2,然后我直接使用body去滚动,发现依然没有效果 3,通过F12检查工具,发现body高度一直为0body高度.png4,根据高度一直为0,找到https://blog.csdn.net/qq_24729895/article/details/79049066 5,比对vue项目的index.html,确实是指定了DTD类型 <!DOCTYPE html> 数字校园系统 <!-- 可隐藏地址栏,仅...
重新审查了代码,判断了原因,我的页面高度大部分都是从接口获取过来的,接口的数据撑起了页面,但是设置这个div不管用 于是把焦点放到了最最最父级的滚动条上,发现获取高度后给父级设置scrollTop直接就管用了 网上很多说法是这是由于DTD的问题,而且我用document.documentElement.scrollTop 也没什么效果,可能是我没找对?
然而，在开发移动端Vue项目时，常常会遇到获取到的scrollTop值为0的情况，这主要是因为移动页面中通常存在固定头部或脚部，实际滚动的对象是一个元素，而非整个body或document。此时，我们可以通过其他方法解决。方法一：获取页面滑动距离。若页面的滑动部分有特定的类名，如"page"，可以通过获取该元素的get...
console.log('scrollTop',scrollTop);} 直接获取#app的就可以了。(当然,Vue 里的代码最好在 destroyed 钩子触发时,将一些事件监听器移除,以免对其他组件造成影响。)
Vue中document.documentElement.scrollTop的值总为零的解决办法 最近在做vue的时候监听页面滚动发现document.documentElement.scrollTop一直为0 只需要做一个兼容就好了: let top = document.documentElement.scrollTop || document.body.scrollTop || window.pageYOffset...
解决VUE中document.body.scrollTop为0的问题 Vue中document.body.scrollTop的值总为零的解决办法 最近在做vue的时候监听页⾯滚动发现document.body.scrollTop⼀直为0 但是发现document.body.scrollTop⼀直是0。查资料发现是DTD的问题。页⾯指定了DTD，即指定了DOCTYPE时，使⽤document.documentElement。页⾯没...
可以在mounted钩子或updated钩子中进行设置。 使用Vue的滚动行为或第三方库: 对于复杂的滚动需求,可以考虑使用Vue的滚动行为或第三方库(如vue-scrollto)来处理滚动逻辑。 通过以上步骤,你应该能够诊断并解决Vue中scrollTop不生效的问题。如果问题仍然存在,建议仔细检查代码逻辑和Vue文档,或寻求社区的帮助。