vue iscroll滚动插件使用方法

IScroll.js插件是兼容所有移动端滚动条事务的插件 , 在某些安卓机中 , 我们无法经由过程overflo:scroll这个css属性来呈现滚动条;它也可以很是好的在一个容器元素中处置滚动;
方式/
1下载iscroll

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

33、利用;
(1)html元素

vue iscroll滚动插件使用方法

文章插图

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

vue iscroll滚动插件使用方法

文章插图

5(3)初始化

vue iscroll滚动插件使用方法

文章插图

6(4)挪用

vue iscroll滚动插件使用方法

文章插图

74、当滚动时 , 左边联动:先计较出右边商品每个分类的高 , 按照高计较出左边的索引 , 左边的索引加样式

8(1)计较高度

vue iscroll滚动插件使用方法

文章插图

9(2)计较索引

vue iscroll滚动插件使用方法

文章插图

10(3)按照html中的索引获取类样式

11【vue iscroll滚动插件使用方法】3、点击左边的菜单 , 联动右边 , 在html中加click事务

vue iscroll滚动插件使用方法

文章插图


以上内容就是vue iscroll滚动插件使用方法的内容啦 , 希望对你有所帮助哦!

    推荐阅读