jQuery WeUI 组件下拉刷新和滚动加载的实现及隐藏Bug

最新推荐文章于 2021-10-09 16:03:45 发布

原创

最新推荐文章于 2021-10-09 16:03:45 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

本文介绍了如何在jQuery WeUI中实现下拉刷新和滚动加载，通过分析官方DEMO和一篇转载文章，详细阐述了实现过程。在实际应用中遇到滚动加载未触发的问题，原因是内容区域高度不足导致滚动事件未被正确触发。解决方法是调整滚动触发距离或调整内容区域高度。

转载文章：jQuery WeUI 组件下拉刷新和滚动加载的实现 pathsign
关于jquery weui 的下拉刷新和滚动加载文章写的很清楚。
我在官网查看demo后参考pathsign的文章，可以实现功能。当然，可以把下拉组件隐藏

<div class="content" style="background-color: #FFFFFF; width: 100%;height:88%; margin-top:-40px;position: absolute; margin-bottom:45px;padding:0px; overflow: hidden;">
 
  <div class="list-main-mian weui-form-preview infinite weui-pull-to-refresh" id="listwrap" style="height:100%; margin-top: 1px;overflow:auto;  z-index: 1">
 
        <!--下拉刷新--