Javascript 使用鼠标滚轮在悬停时滚动div

我想要的是使用鼠标滚轮（不使用滚动条）仅滚动光标悬停的div

---

非常感谢您的帮助。

您必须使用

溢出

CSS属性

。滚动{
高度：100px；
溢出：滚动；
边框：1px纯色灰色；
}

一些内容

Lorem ipsum dolor sit amet，是一位杰出的献身者。这是一个很好的例子。在欧盟的智囊团中，eget luctus lacus。Mauris consequat，lorem sodales dictum placerat，velit lectus gravida ligula，在euismod nisl purus non ante中。在厄洛斯之前，你可以在欧洲的时间里喝上一杯。阿利奎姆·埃拉特·帕特。埃尼安·ac·图尔皮斯是一个美丽的女孩。佩伦特斯克莫里斯·普鲁斯（mauris purus）、劳里特葡萄（varius ut laoreet at）、乌贼（ultricies id turpis）。这是一首挽歌。在eget euismod urna中，为前庭门或前庭。两个拍卖人，一个临时要素，一个普尔文纳广场，坐在一个巨大的直径前。在自然社会中，因怀孕而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯。狮子座的狮子座的狮子座的狮子座的狮子座的狮子座的狮子座的狮子座的狮子座的狮子座的狮子座的狮子座的狮子座的狮子座的狮子座的狮子座的狮子座的狮子座的狮子座的狮子座的狮子座的狮子座的狮子座。自由射手座。在自然社会中，因怀孕而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯。梅塞纳斯·奎斯是尼布元素。
一些内容

我只想指出你的问题写得很糟糕，例如：“它用鼠标滚轮滚动”；这意味着您的鼠标滚轮开始移动，或者与使用鼠标滚轮相关，但事实并非如此，或者另一个示例：“当您将鼠标悬停在左侧栏上时，它将使用鼠标滚轮滚动”，谁滚动什么？什么是

it

我不得不登录到gmail收件箱，看看你在说什么，你所描述的与我所看到的完全不同，无论如何，如果你也添加了一个gif可能会很好，但无论如何，你想探索的是CSS（溢出和定位特定的固定属性），它实际上与javascript无关。应该指出的是，在悬停事件上并没有滚动，至少我并没有注意到，我在点击时看到了。我将添加一个简单的javascript让您开始

var elementToScrollTo = document.getElementById("elementToScrollTo");
// you could also use jQuery, var elementToScrollTo = $("#elementToScrollTo")[0]; 

elementToScrollTo.scrollTop = elementToScrollTo.scrollHeight; // scrolls to the end of the div

这段代码的要点是向您展示scrollTop属性的功能，通过查找div的上限到要向下滚动到的元素之间的距离，您可以轻松地做到这一点，甚至可以使用间隔设置动画

请注意，这里有很多类似的问题，你应该学会如何解释自己。 希望我能帮上忙。

您可以使用它，它将鼠标滚轮锁定在容器内，防止其传播到父元素

HTML:

---

很抱歉我的语言不好，我已经更新了这个问题。请阅读我提到的CSS属性，然后再使用我编写的javascript，祝你好运。如果我能帮你自由地使用+1

<div data-scrollLock>
 content... 
</div>

$('[data-scrollLock]').scrollLock();