首页 > 代码库 > Ext.Container scrollable
Ext.Container scrollable
1.滚动带页面container顶部
var me = this,
scroller = me.getScrollable().getScroller();
scroller.scrollToTop();
2.内容不显示
原因:设置了scrollable的同时,需要设置容器在滚动方向的高度或宽度
3.container回弹:滚动一小段,松开后又回到顶部
描述:
某页面下trade-record container 组件
var com = Ext.Viewport.down(‘#trade-record‘);
var scrollView = com.getScrollable();
var scroller = scrollView.getScroller();
原因:
scroller的maxposition会影响scroller滑动后的位置,如果为{x:0,y:0}时,会找出回弹,给maxposition设置了值后,可以达到滑动哪儿停在哪儿的效果,但是有的时候,scroller.getSize() 和 scroller.getContainerSize() 会出现相等的情况,也就是maxposition为0,0 的情况,就会会弹回去,所以我们可以根据具体情况手动的设置maxposition的值。
scroller.getMaxPosition().y =
scroller.getSize() - scroller.getContainerSize();
scroller的maxposition在触发maxpositionchange事件时计算。
解决方案:
监听maxpositionchange事件,手动计算maxposition。
eg:
setScrollMaxPosition: function(data){
var me = this,
l = data.transaction.length,
itemHeight = 2*20*HEIGHT_SCALE,
scroller = me.down(‘#trade-record‘).getScrollable().getScroller();
scroller.maxPosition = {
x: scroller.maxPosition.x,
y: l*itemHeight
};
scroller.on(‘maxpositionchange‘, function(s, maxPosition){
scroller.maxPosition = {
x: maxPosition.x,
y: l*itemHeight
};
});
},
Ext.Container scrollable
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。