我正在尝试同步 2 个 div 的垂直滚动;一个是TinyMCE编辑器的body,另一个是动态创建的预览div。
The preview looks like this:
对于预览 div,我设法使用以下方法获取滚动的百分比:
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);
})
}
}
}
因此,当我移动预览时,编辑器会滚动,但值不正确。
Fiddle: https://jsfiddle.net/gm7j0e9u/3/ https://jsfiddle.net/gm7j0e9u/3/
None
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)