编辑:看起来我从错误的方向接近这个,看看我是否可以关闭它。未来阅读:
Get mouse wheel events in jQuery?
我试图创建一个可滚动的<div>
元素(在水平面上);没有数学但是我遇到了一些更基本的问题 - 滚动事件似乎没有注册。我错过了什么明显的东西吗?
我已取出与<div
&gt;相关联的所有CSS除非您在下面的示例中看到了什么:
<div id="about-carousel" carousel-offset="0" style="height:20rem; background-color:red;">
</div>
$(document).ready(function() {
handleCarousels(['#about-carousel']);
});
function handleCarousels(idArray) {
for(var n in idArray) {
var target = idArray[n];
// this works
$(target).click(function() {
console.log('clicked');
});
// this doesn't
$(target).scroll(function(e) {
e.stopPropagation();
console.log('scrolls');
});
}
}
根据this answer元素需要设置overflow: scroll
,但这没有区别。即使我使用图片填充<div>
,也不会触发.scroll
事件。
有什么想法吗?
发布前更新:&#39;滚动&#39;如果我将div设置为overflow: scroll
并将其填充图像,则将消息输出到控制台,但是当我拖动滚动条时,仅。我认为这也是为了捕捉鼠标事件?
我正在使用jQuery 1.11.1。