Javascript Extjs并行滚动两个面板
我有两个面板,两个都有autoScroll:true。我希望它们平行滚动;也就是说,滚动一个,另一个也应该自动滚动。 我的代码:Javascript Extjs并行滚动两个面板,javascript,extjs,Javascript,Extjs,我有两个面板,两个都有autoScroll:true。我希望它们平行滚动;也就是说,滚动一个,另一个也应该自动滚动。 我的代码: 我搜索但未找到任何滚动侦听器或将滚动移动到anty特定位置。不,帮助是可贵的。谢谢,这是小提琴。如果你有任何问题,请告诉我 这是小提琴。如果你有任何问题,请告诉我 下面是Ext.Panel组件的另一个方面。基本上,您可以通过body.dom属性设置元素的滚动条位置 下面是Ext.Panel组件的另一个方面。基本上,您可以通过body.dom属性设置元素的滚动条位置
我搜索但未找到任何滚动侦听器或将滚动移动到anty特定位置。不,帮助是可贵的。谢谢,这是小提琴。如果你有任何问题,请告诉我
这是小提琴。如果你有任何问题,请告诉我
下面是Ext.Panel组件的另一个方面。基本上,您可以通过body.dom属性设置元素的滚动条位置
下面是Ext.Panel组件的另一个方面。基本上,您可以通过body.dom属性设置元素的滚动条位置
这似乎是一个老帖子,但我想分享我的部分答案。请参阅,在添加同步滚动条时,问题是鼠标滚轮滚动有点慢。 看这个 所以,我想到的是给活动增加一个延迟:
var panelOne = Ext.getCmp('originalDocument');
var panelTwo = Ext.getCmp('modifiedDocument');
panelOne.body.on('scroll', function(e) {
panelTwo.body.dom.scrollTop = panelOne.body.getScrollTop();
}, panelOne.body, {delay: 50 }); //delay 50 seems to fine to me. adjust if you must
这似乎是一个老帖子,但我想分享我的部分答案。请参阅,在添加同步滚动条时,问题是鼠标滚轮滚动有点慢。 看这个 所以,我想到的是给活动增加一个延迟:
var panelOne = Ext.getCmp('originalDocument');
var panelTwo = Ext.getCmp('modifiedDocument');
panelOne.body.on('scroll', function(e) {
panelTwo.body.dom.scrollTop = panelOne.body.getScrollTop();
}, panelOne.body, {delay: 50 }); //delay 50 seems to fine to me. adjust if you must
我自己还没有尝试过这个方法,但是看起来您需要使用scrollBy方法。您可以创建一个函数,将滚动坐标传递给另一个网格面板,它将具有此外观。在这里查看一个传递滚动条坐标的示例:我自己没有尝试过这个方法,但是看起来您需要使用scrollBy方法。您可以创建一个函数,将滚动坐标传递给另一个网格面板,它将具有此外观。在这里查看传递滚动条坐标的示例:逻辑基本相同。稍微修改一下,逻辑基本相同。稍微修改一下。
var panelOne = Ext.getCmp('originalDocument');
var panelTwo = Ext.getCmp('modifiedDocument');
panelOne.body.on('scroll', function(e) {
panelTwo.body.dom.scrollTop = panelOne.body.getScrollTop();
}, panelOne.body, {delay: 50 }); //delay 50 seems to fine to me. adjust if you must