您的位置首页百科问答

vue iscroll滚动插件使用方法

vue iscroll滚动插件使用方法

的有关信息介绍如下:

vue iscroll滚动插件使用方法

IScroll.js插件是兼容所有移动端滚动条事件的插件,在某些安卓机中,我们无法通过overflo:scroll这个css属性来出现滚动条;它也可以非常好的在一个容器元素中处理滚动;

下载iscroll

在需要用到的组件中引入:要用-probe才有onscroll事件;

import iScroll from '../../static/js/iscroll-probe.js'

3、使用;

(1)html元素

(2)样式:子元素的高度大于父元素,父元素超出的部分为hidden

(3)初始化

(4)调用

4、当滚动时,左边联动:先计算出右边商品每个分类的高,根据高计算出左边的索引,左边的索引加样式

(1)计算高度

(2)计算索引

(3)根据html中的索引获取类样式

3、点击左边的菜单,联动右边,在html中加click事件