完美解决微信下拉上拉

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了完美解决微信下拉上拉相关的知识,希望对你有一定的参考价值。

转http://note.youdao.com/share/?id=f13df2c846cac5d4f0e24a715d8372a6&type=note#/
完美解决微信下拉上拉回弹
1、使用jroll.js完美解决,下载jroll.js。
2、DOM结构为:
技术分享
class container 为滑动页面
3、添加css
#wrapper {
            position: absolute;
            top: 44px;
            bottom: 0;
            width: 100%;
      }
4、编写js
<script src="js/jroll.js"></script>
<script>
//阻止浏览器默认事件
document.addEventListener(‘touchmove‘, function(e) {
e.preventDefault()
}, false);
var jroll = new JRoll("#wrapper", {
id: "demo1"
});
</script>

以上是关于完美解决微信下拉上拉的主要内容,如果未能解决你的问题,请参考以下文章

uniapp 解决ios上拉下拉白边处理

微信小程序下拉加载与上拉刷新

微信小程序上拉下拉动态设置窗口背景色

完美解决safari微信浏览器下拉回弹效果。

微信小程序如何下拉刷新上拉无限推送。

微信小程序页面事件