iscroll 使用同个wrapper多状态数据切换重新定位到顶部
2018-01-10 10:58
211 查看
问题:移动端同个页面,有个状态导航栏(几种状态)切换请求数据操作同一个wrapper里面的数据。不同状态切换过程中,新的状态如果数据量多《无法自动回滚到顶部》。
html代码结构:
<div id="wrapper" >
<div id="scroller">
<div id="pullDown" style="display: none;">
<span class="pullDownIcon"></span><span class="pullDownLabel">下拉刷新...</span>
</div>
<div id="pullDowns" style="display: none;">
<span class="pullDownIcon"></span><span class="">下拉刷新...</span>
</div>
<!-- 数据appen块 -->
<ul id="dataList">
</ul>
<div id="pullUp" style="display: none;">
<span class="pullUpIcon"></span><span class="pullUpLabel"></span>
</div>
<div id="noData">
<span>已经看到最后</span>
</div>
</div>
</div>
解决方法:切换时先执行原数据回滚到顶部操作,再延迟执行数据请求:
myScroll.scrollTo(0,0,1); // 1指的是回滚到顶部用的时间。我设置1ms o.o是可以的。
setTimeout("getStatusData("+flag+")",2); // 延迟2ms 执行请求数据。请求方法因人而异。
此篇文章只是为了给自己存个档,我自己是解决了自动回滚到顶部问题,不喜勿喷。
html代码结构:
<div id="wrapper" >
<div id="scroller">
<div id="pullDown" style="display: none;">
<span class="pullDownIcon"></span><span class="pullDownLabel">下拉刷新...</span>
</div>
<div id="pullDowns" style="display: none;">
<span class="pullDownIcon"></span><span class="">下拉刷新...</span>
</div>
<!-- 数据appen块 -->
<ul id="dataList">
</ul>
<div id="pullUp" style="display: none;">
<span class="pullUpIcon"></span><span class="pullUpLabel"></span>
</div>
<div id="noData">
<span>已经看到最后</span>
</div>
</div>
</div>
解决方法:切换时先执行原数据回滚到顶部操作,再延迟执行数据请求:
myScroll.scrollTo(0,0,1); // 1指的是回滚到顶部用的时间。我设置1ms o.o是可以的。
setTimeout("getStatusData("+flag+")",2); // 延迟2ms 执行请求数据。请求方法因人而异。
此篇文章只是为了给自己存个档,我自己是解决了自动回滚到顶部问题,不喜勿喷。
相关文章推荐
- UITableView使用小结(滚动到顶部、获取cell、cell选中状态、刷新cell或者section)
- 关于:“无法序列化会话状态。在“StateServer”或“SQLServer”模式下,ASP.NET 将序列化会话状态对象,因此不允许使用无法序列化的对象或 MarshalByRef 对象。如果自定义会话状态存储在“Custom”模式下执行了类似的序列化,则适用同样的限制。”的问题
- win7中如何解决“该项不适用于在指定状态下使用”
- 使用Notification实现状态通知栏的发送和取消
- 【iOS XMPP】使用XMPPFramewok(三):好友状态
- 可以使用NTBACKUP备份系统状态!也有60天的限制!
- ios 开发之使用Reachability检测网络状态
- 详解state状态模式及在C++设计模式编程中的使用实例
- VisualState“视图状态”使用心得
- JSP中使用cookie完成状态管理
- React第三方组件2(状态管理之Refast的使用⑤LogicRender使用)
- 4009.使用Cacti监控思科GSR 12000系列路由器的风扇电源状态
- ViewPager fragment 保存状态,内部使用listview 并进行了操作,保存操作后的状态
- 使用JS批量选中功能实现更改数据库中的status状态值(批量展示)
- 验证视图状态 MAC 失败。如果此应用程序由网络场或群集承载,请确保 <machineKey> 配置指定了相同的 validationKey 和验证算法。不能在群集中使用 AutoGenerate。
- 使用shell脚本监控网站运行状态
- systemctl命令的使用及服务状态的查看
- (转载)iscroll.js的使用
- python------virtualenv&virtualenvwrapper的使用
- 使用go写一个检测tcpudp状态的包