假设我有两个div：
<div id="control"></div> <div id="view">(A scrollable list)</div>
而且我想这样做,以便当光标停在#control内并滚动鼠标滚轮时,#view将被滚动.无论如何要实现这一目标？
解决方法
好的,快速修复对我有用.即使固定div不可滚动,因为它没有内容溢出其边界,您仍然可以检测鼠标滚轮事件. mousewheel事件包含滚动的x / y维度的增量.
注意：这适用于鼠标或触控板,无论反转的Y轴设置如何,都会为您提供正确的方向( – /)(读取：Apple的(联合国)自然滚动)
因此,您可以这样做：
var fixedDiv = document.querySelector('.my-fixed-div');
var scrollableDiv = document.querySelector('.my-scrollable-list');
fixedDiv.addEventListener('mousewheel',function (e) {
scrollableDiv.scrollTop += e.deltaY;
});
