87,955
社区成员
发帖
与我相关
我的任务
分享iscroll滑动到底部自动弹回顶部
<script type="text/javascript">
var myScroll;
function loaded(){
myScroll = new iScroll('scrolls',{
scrollY: true,
freeScroll: true });
}
document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false);
document.addEventListener('DOMContentLoaded', loaded, false);
</script>
<body>
<div id="scrolls" class="scrolls">
<div class="content">
<div class="title">通过以下方式可参与活动</div>
<div class="ftitle">1.打开微信，点击右上角＂＋＂，搜索＂group＂</div>
<div class="stitle">2.扫描二维码，添加关注</div>
<div class="dimg">
<img src="images/wexin.png" class="imgs" />
</div>
<div class="ttitle">知行情</div>
<div class="text">各式各样的礼品，让您拿到手软！ </div>
</div>
</div>
</body>
var myScroll;
function loaded(){
myScroll = new iScroll('scrolls',{
scrollY: true,
freeScroll: true });
}
document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false);
document.addEventListener('DOMContentLoaded', loaded, false);
</script>
<body>
<div id="scrolls" class="scrolls">
<div class="content">
<div class="title">通过以下方式可参与活动</div>
<div class="ftitle">1.打开微信，点击右上角＂＋＂，搜索＂group＂</div>
<div class="stitle">2.扫描二维码，添加关注</div>
<div class="dimg">
<img src="images/wexin.png" class="imgs" />
</div>
<div class="ttitle">知行情</div>
<div class="text">各式各样的礼品，让您拿到手软！ </div>
</div>
</div>
</body>
...全文
请发表友善的回复…
发表回复
张运领 2015-05-01
- 打赏
- 举报
滑动到底部自动弹回顶部？这个是什么意思？
用户自己把页面滚动到底部之后，你直接给跳回到顶部去？
不知道你用的是哪个版本的IScroll，在5版本中，可以给myScroll中绑定一个scrollEnd事件，然后在事件的回调中，判断是不是到底了，如果到底了，则可以使用myScroll.moveTo(0,0)跳回到当前页面的顶部去了。具体可以参考官方文档：http://iscrolljs.com/
如果你是想要模拟原生的APP的话，直接设置一个bounce属性为true/false，就可以像原生APP一样，没有到边界回弹的效果了。
这些我都是针对iScroll5版本说的。
KK3K2005 2015-05-01
- 打赏
- 举报
<style>
html,body{min-height:100%}
</style>
