IScroll需要关注的问题太多,甚至有些企业微信电脑端无法滑动,同样的win10同样的企业微信版本不同的电脑有时都不行,查不出来原因,今天决定把他换了试验下,首先技术选型
1、MeScroll
http://www.mescroll.com/
2、BetterScroll
https://github.com/ustbhuangyi/better-scroll
首先使用Mescroll,官网做的不错,但是在Jquery方式下,直接替换不太成功,感觉和Iscroll差别较大,改使用BetterScroll
3、固定列表用法示例
<script src="https://unpkg.com/@better-scroll/core@latest/dist/core.min.js"></script>
let wrapper = document.getElementById("wrapper") let bs = new BScroll(wrapper, {})
<div class="wrapper"> <ul class="content"> <li>...</li> <li>...</li> ... </ul> <!-- you can put some other DOMs here, it won't affect the scrolling </div>
4、使用例子
let wrapper = document.getElementById("wrapper") if (myScroll == null || myScroll == undefined) { myScroll = BetterScroll.createBScroll(wrapper, { click: true, taps: true, pullUpLoad: { threshold: 10 } }); myScroll.on('pullingUp', function () { $("#divscroll").height(''); $("#divscroll").height($("#divscroll").height() + 20); myScroll.refresh(); myScroll.finishPullUp(); }) } else { $("#divscroll").height(''); $("#divscroll").height($("#divscroll").height() + 20); myScroll.refresh(); }
4、感觉BetterScroll滚动效果不如IScroll,观察客户电脑手机情况中。
后续:IScroll出现的问题,BetterScroll依然有,没有客户的环境,暂时无解