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事件