返回顶部按钮是否有例子？

ipan · 发表于 2016-7-7 17:08:27

手机APP下拉加载更多时候，到了一定程度会显示“返回顶部”按钮，点击会回到顶部；是否有实例？？？

ipan · 发表于 2016-7-7 17:37:57

返回顶部的按钮应该在下拉到一定高度后出现的，而不是一直在最下面；不知道，如何在相对scrollView的位置浮动显示一个按钮？

ipan · 发表于 2016-7-7 17:41:23

建议给个标准的例子出来！因为这功能实在太实用了！！！

ipan · 发表于 2016-7-7 21:20:12

让图标固定在屏幕右下角，那是要获取屏幕的长度、宽度来定位吗？如果同时要满足设备屏幕又要满足电脑屏幕，是否可以实现呢？

黄兴 · 发表于 2016-7-7 22:24:47

求指导

ipan · 发表于 2016-7-8 09:43:10

按钮已经想办法显示出来了，然后scrollView如何才能滚动到第一条的位置呢？
根据之前论坛的帖子显示“this.comp("xid").scroller.scrollTo(0,0)”可以滚动到第一条位置，但是，测试发现scrollTo方法找不到！然后，参考API文档，scroller属性根本没有！测试版本是3.4；

ipan · 发表于 2016-7-8 09:47:12

不好意思，是xid输入错误！问题已经搞定！

ipan · 发表于 2016-7-8 10:17:55

又有问题，我是在onScrollMove 的时候显示“顶部”按钮，这点并不太合理；然后，滚动回开始位置的时候，应该将“顶部”按钮自动隐藏；
问题是：我如何判断scrollView滚动的位置？如何知道scrollView已经滚动到开始位置了呢？

ipan · 发表于 2016-7-8 10:54:58

OK，搞定了；
// 首页滚动事件
Model.prototype.homeScrollViewScrollMove = function(event) {
var homeScroller = this.comp("homeScrollView").scroller;
if (homeScroller.y == 0) {
var $homeTopBtn = $(this.getElementsByXid("homeTopBtn"));
$homeTopBtn.css("display", "none");
} else if (homeScroller.y < -500) {
var $homeTopBtn = $(this.getElementsByXid("homeTopBtn"));
$homeTopBtn.css("display", "block");
}
};

iscroll参考：http://www.tuicool.com/articles/vMn2u2

atfa · 发表于 2016-8-8 22:53:28

谢谢楼主，如果滚回顶部可以有动画就完美了

		自动登录	找回密码
密码			注册

[结贴] 返回顶部按钮是否有例子？