search

gtdalp / listloading

listloading是一个移动端的上拉、下拉加载更多的组件。主要依赖于iscroll.js v5.1.2基础上开发的组件，基础库可以使用jquery.js或者zepto.js操作dom节点，目前我是使用了zepto.js作为基础库操作dom，以jquery插件的形式存在。如果不想以插件方式使用，则只需要把listloading直接移植你需要的库里面就ok啦。listloading主要针对移动端而生，在使用浏览器自带滚动，用户体验很不友好，与Android和ios差别甚远，所以选择iscroll.js，它实现方式是使用css3动画translate 3D 转换来实现滚动效果，transform属性使用硬件加速，性能方法得到很大提高。 https://gtdalp.github.io/widget/listloading/demos/listloading.html
171 stars 74 forks source link

如果 自动加载的数据不满屏幕高度的时候，应该要自动加载下一页，直到数据为空或者，超出屏幕视窗高度～ #4

Closed Sapphire2k closed 7 years ago

Sapphire2k commented 7 years ago

现在的情况就是，如果屏幕高度是需要15条数据才能铺满的话，局限于后端接口返回的数据 每次只有十条，那么上拉的样式是不会加载的，需要手动加载下一页或者更改每次返回的数据长度

gtdalp commented 7 years ago

是的，容器里面必须是要超过一屏 才会出现上拉加载更多。

Sapphire2k commented 7 years ago

@gtdalp 这样的话，体验不会是特别好，得手动加载一页。我用了蛮多插件，都是如果未满一屏，可以尝试自动加载第二页，直到超过一屏，不然就没法下拉了，即使后面还有数据～可以考虑在option里加一个字段～

gtdalp commented 7 years ago

设计组件当初我已经想到这个问题，我统计过，基本有上拉刷新的情况内容都会超过一屏，如果不超过，UI设计还是很小气那种，这个我建议你可以去与设计商量，重新设计一下。