マウスを使わずに特定のdivをスクロールすることも可能ですか

Question

2列のレイアウトがあります。左の列は固定され、右の列はスクロールできるようになっています。私は体をスクロールしたくないのでoverflow: hidden;をbodyに設定しました。しかし、何とかカーソルを直接移動させることなく、2番目の列をテキストでスクロールすることは可能ですか（それはmousewhellによって全体的にスクロールします）？ https://jsfiddle.net/ketysek/4ysm4h0f/

Answer 1

onwheelイベントを左側の列にバインドし、右側の列をスクロールすることができます。 updated fiddle here.

document.getElementsByClassName('left')[0].onwheel = function(event) { 
    document.getElementsByClassName('right')[0].scrollTop += 10 * event.deltaY; 
} 

Answer 2

を確認してください基本的に私はあなたがスムーズにこのことを行うカントと思うが、私は創造的になろうとした場合、あなたがしたいページの本文に「ホイール」イベントを割り当て、テキスト内のアンカーを追加することができますスクロールされ、ホイールイベントを処理する関数の内部でそのアンカーに移動します。

認識ホイール方向にこれを読んで：Javascript - Detecting scroll direction

Answer 3

@Fission答えが正解です。

この回答は古いブラウザのサポートです。

if (document.body.addEventListener) { 
    document.body.addEventListener("mousewheel", MouseWheelHandler, false); 
    document.body.addEventListener("DOMMouseScroll", 
            MouseWheelHandler, false); 
} 

else document.body.attachEvent("onmousewheel", MouseWheelHandler); 

function MouseWheelHandler(e) { 
    var right= document.getElementsByClassName("right")[0]; 
    var e = window.event || e; // old IE support 
    right.scrollTop += e.deltaY * 5; 
}