vue js使用scrollTop打印一直是0的解决办法

avue项目,页面中数据量越来越大,希望在页面中点击某个按钮 直接跳转到页面底部 

刚开始用dom获取当前div高度,并且给这个div设置scrollTop,最后打印一直发现scrollTop是空的

包括我用this.nextTick()也没有效果

重新审查了代码,判断了原因,我的页面高度大部分都是从接口获取过来的,接口的数据撑起了页面,但是设置这个div不管用

于是把焦点放到了最最最父级的滚动条上,发现获取高度后给父级设置scrollTop直接就管用了

 

网上很多说法是这是由于DTD的问题,而且我用document.documentElement.scrollTop 也没什么效果,可能是我没找对??或者是我用的avue??

反正最后对了就好啦!

 

posted on 2021-06-02 15:22  吃的快不吐骨头  阅读(2017)  评论(0编辑  收藏  举报