Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/extjs/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Extjs并行滚动两个面板_Javascript_Extjs - Fatal编程技术网

Javascript Extjs并行滚动两个面板

Javascript Extjs并行滚动两个面板,javascript,extjs,Javascript,Extjs,我有两个面板,两个都有autoScroll:true。我希望它们平行滚动;也就是说,滚动一个,另一个也应该自动滚动。 我的代码: 我搜索但未找到任何滚动侦听器或将滚动移动到anty特定位置。不,帮助是可贵的。谢谢,这是小提琴。如果你有任何问题,请告诉我 这是小提琴。如果你有任何问题,请告诉我 下面是Ext.Panel组件的另一个方面。基本上,您可以通过body.dom属性设置元素的滚动条位置 下面是Ext.Panel组件的另一个方面。基本上,您可以通过body.dom属性设置元素的滚动条位置

我有两个面板,两个都有autoScroll:true。我希望它们平行滚动;也就是说,滚动一个,另一个也应该自动滚动。 我的代码:


我搜索但未找到任何滚动侦听器或将滚动移动到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