list组件怎么设置默认滚动到底部

bigman

list组件怎么设置默认滚动到底部

liangyongfei

http://docs.wex5.com/wex5-ui-question-list-2008/

bigman

感谢吧主 ，实践有效。me.comp("scrollView").scrollTo("end");



滚动到页面顶部（或指定位置）

原因：在APP 中，有滚动条的时候，为了操作方便，想在下面点一个按钮直接回到顶部！或者是直接滚动的中间某个位置！
解决方案：
1.在没有scrollView组件的情况下，顶部（或者页面指定位置）添加一个空的div ，设置 id为（比如 top） 可以使用一个a标签href设置为#top，这样就回到那个位置了！这个是html标准的实现方式

2.使用了scrollView 作为滚动组件，回到顶部的方法是，this.comp(‘scrollView的xid’).scroller.scrollTo(0,0);
回到指定高度的方法是第一个参数中给一个整数，比如this.comp(‘scrollView的xid’).scroller.scrollTo(100,0)

滚动到list某一行的指定位置：

1
2
3
4
5
6
7
Model.prototype.listGoTo = function(rowIndex) {
    // 根据索引获得HTML ID，使用ID定位
    var e = $(me.getElementByXid('listTemplateUl1')).children();
    var y0 = e.eq(0).position().top;
    var yn = e.eq(rowIndex).position().top;
    me.comp('scrollView1').scroller.scrollTo(yn - y0);
};


3.scrollView提供专门的ＡＰＩ文档介绍，回到顶部和底部　：

this.comp(‘scrollView’).scrollTo(‘end’)

this.comp(‘scrollView’).scrollTo(‘top’)

bigman

bigman 发表于 2017-2-8 18:04
感谢吧主 ，实践有效。me.comp("scrollView").scrollTo("end");

结贴

bigman

发现问题了 还不能结贴，那个scrollview。scrolltoend 一旦listitem超过一定数量不显示也不滚动，我的是7个

bigman

输入6没显示 没下滚

liangyongfei

bigman 发表于 2017-2-8 18:16
输入6没显示 没下滚

你看下list渲染完这条数据了吗？？渲染完后执行me.comp("scrollView").scrollTo("end");是否可以生效？？

有可能执行滚动的时候，这条数据还没出来吧

bigman

liangyongfei 发表于 2017-2-9 09:48
你看下list渲染完这条数据了吗？？渲染完后执行me.comp("scrollView").scrollTo("end");是否可以生效？？ ...

已解决 之前自己加了limit 6 所以傻逼了 结贴