Javascript 同步两个div滚动条-TinyMCE&;预览
我正在使用TinyMCE并在其中添加了一个直接预览,因此每次按键时,预览都会用TinyMCE上的数据更新。看起来是这样的: 然而,即使一切看起来都设置好了,并且应该调整卷轴的高度%,它也不起作用。TinyMCE没有达到真正的高度Javascript 同步两个div滚动条-TinyMCE&;预览,javascript,jquery,html,tinymce,Javascript,Jquery,Html,Tinymce,我正在使用TinyMCE并在其中添加了一个直接预览,因此每次按键时,预览都会用TinyMCE上的数据更新。看起来是这样的: 然而,即使一切看起来都设置好了,并且应该调整卷轴的高度%,它也不起作用。TinyMCE没有达到真正的高度 我用小提琴重新创造了这个问题: 试着写很多行,以便div滚动(并选择该链接可能重复的@MichaelFromin)dead@JonathanMichalik是的,我会在找到答案后整理一下。这是一个充满挑战的话题,没有答案。 setup : function(ed)
我用小提琴重新创造了这个问题:
试着写很多行,以便div滚动(并选择
该链接可能重复的@MichaelFromin)dead@JonathanMichalik是的,我会在找到答案后整理一下。这是一个充满挑战的话题,没有答案。
setup : function(ed) {
ed.on('init', function() {
$('.editorContainer > .mce-tinymce > .mce-container-body').children().eq(2).on('scroll', function () {
var tmceBody = ed.getBody();
console.log("this offsetHeight: " + this.offsetHeight); // 501
console.log("this scrollTop: " + this.scrollTop); // 160
console.log("this scrollHeight: " + this.scrollHeight); // 806
var percentage = this.scrollTop / (this.scrollHeight - this.offsetHeight);
console.log("this percentage: " + percentage); // 0.5 -- Prev div works
console.log("TMCE offsetHeight: " + tmceBody.offsetHeight); // 1009
console.log("TMCE scrollTop: " + tmceBody.scrollTop); // 14
console.log("TMCE scrollHeight: " + tmceBody.scrollHeight); // 1037
var x = percentage * (tmceBody.scrollHeight - tmceBody.offsetHeight);
console.log("TMCE x: " + x); // 14.2
(tmceBody).scrollTop(x);
})
}
}
}