BetterScroll使用

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依然有,没有客户的环境,暂时无解  

posted @ 2020-11-03 19:25  zhaogaojian  阅读(313)  评论(0)    收藏  举报