HTML和JavaScript – 将滚动 *** 作从一个元素传递到另一个元素

概述假设我有两个div： <div id="control"></div><div id="view">(A scrollable list)</div> 而且我想这样做,以便当光标停在#control内并滚动鼠标滚轮时,#view将被滚动.无论如何要实现这一目标？ 好的,快速修复对我有用.即使固定div不可滚动,因为它没有内容溢出其边界,您仍然可以检测鼠标滚轮事件. mousewheel事件包含滚 假设我有两个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;});

总结

以上是内存溢出为你收集整理的HTML和JavaScript – 将滚动 *** 作从一个元素传递到另一个元素全部内容，希望文章能够帮你解决HTML和JavaScript – 将滚动 *** 作从一个元素传递到另一个元素所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。