vue中获取滚动高度或指定滚动到某位置

1点击某个标签，滚动到某个具体位置

    switchHeight(num) {

        thisselectNum = num;

        if (num == 0) {

          documentgetElementById("identifer_one")scrollIntoView();

        } else {

          documentgetElementById("hotel_two")scrollIntoView();

        }

      },

2获取滚动高度，

 首先要先写监听事件：

  mounted() {

      windowaddEventListener("scroll", thishandleScroll, true); //监听滚动事件

    },

处理监听事件：etargetscrollTop是目标对象的滚动高度

handleScroll(e) {

        let serviceTop = 44;

        let hotelTop = 344;

        if (etargetscrollTop > 44 && etargetscrollTop < 344) {

          thisselectNum = 0;

        }

        if (etargetscrollTop > 344) {

          thisselectNum = 1;

        }

      }

    },

wangEditor3使用手册： >

页面里被查找的元素添加一个 ref='refrence'  这里refrencce可以随便起名字，下面引用这个名字

然后要获取这个元素就用this$refsrefrence

同样，组件添加到页面里的内容也可以通过添加ref标签来获组件里内容

比如获取元素高度

this$refselementoffsetHeight 

比如：改变元素的高   那么这个height必须要在这个div写样式的时候就已经有了，否则无法获取到

这个方法需要在表格外层设置一个div，原理是将表格的高度设置成外层div的高度，所以外层的div需要使用calc来设置高度，然后给表格设置:height="tableH"的属性

最外层div高度的设置方法

动态获取表格高度tableH的方法

还是需要在表格外加一层div,div高度设置和方法一相同，不过表格高度不用动态设置，直接设置height="100%"即可

这种方法不需要设置外层div,定义一个文件夹tableHeight分别定义一个tableHeightjs和indexjs

tableHeightjs如下

indexjs如下

使用方式，在mainjs里面引入以便全局使用，当然你也可以局部引入

mainjs

在表格中使用

(文末是如何设置bar的高度）

问题概述：

最近要做一个滑动的tab列表，列表有两级（两行），第二行需要滑动。整个列表容器设置了高度为88px，每一行设置了高度为44px，但是用了vue-scroll之后，第一行变成了22px多，第二行内容是44px，滚动条还有20px左右。

于是查了一下vue-scroll的设置，有一项是sizeStrategy，默认为‘percent’，即height和width均为100%

所以vue-scroll的高度被设置成了父级的高度88px，这里布局用的flex，按比例缩放了，所以会把第一行挤小，第二行比44px高。

解决办法：

在vue-scrol外边加一层div，并设置高度为44px，这样vue-scroll的高度就是44px100%=44px了。

注：在tablist处设44px。而在tab处设置不管用。

待解决问题： 试过用tab那个div包裹vue-scroll，vue-scroll里边直接放ul，导致整个页面都是可滑动的。不太懂是什么原因。

tips：

设置bar的高度，直接在bar选项里设置height就行了,默认是6px（设置示例里没有写height，害我试了他写了的好几个属性，然后一气之下直接写了height就好了。。。）

以上就是关于vue中获取滚动高度或指定滚动到某位置全部的内容，包括:vue中获取滚动高度或指定滚动到某位置、vue中wangeditor如何自适应高度、vue获取页面内元素等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！