(ネイティブジャバスクリプト):ここではそれを取るのです
var columns = document.querySelectorAll('.column');
for (var i = 0; i < columns.length; i++) {
columns[i].addEventListener('scroll', function() {
var factor = this.scrollTop/(this.scrollHeight - this.offsetHeight);
for (var j = 0; j < columns.length; j++) {
columns[j].scrollTop = factor * (columns[j].scrollHeight - columns[j].offsetHeight);
}
});
}
http://codepen.io/NourSammour/pen/ONLoxZ?editors=1011
か簡単にJQueryを使用できます。
$(document).ready(function() {
$('.column').each(function() {
var obj = $(this);
obj.scroll(function() {
$('.column').scrollTop(obj.scrollTop());
});
});
});
http://codepen.io/NourSammour/pen/wGwEmY?editors=1111
右手側のdivをレンダリングしていますか?あなたはそれを支配していますか? –