多语言展示
当前在线:447今日阅读:126今日分享:42

vue iscroll滚动插件使用方法

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

下载iscroll

2

在需要用到的组件中引入:要用-probe才有onscroll事件;import iScroll from '../../static/js/iscroll-probe.js'

3

3、使用;(1)html元素

4

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

5

(3)初始化

6

(4)调用

7

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

8

(1)计算高度

9

(2)计算索引

10

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

11

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

推荐信息