JQ前端设置鼠标滚轴控制滚动条为横向滚动
作者：互联网
//绑定横向滚轮滚动事件
var scroll_width = 33; // 设置每次滚动的长度，单位 px
var scroll_events = “mousewheel DOMMouseScroll MozMousePixelScroll”; // 鼠标滚轮滚动事件名
$(".cssName").hover(function () {
$(this).on(scroll_events, function (e) {
var delta = e.originalEvent.wheelDelta; // 鼠标滚轮滚动度数
if (delta > 0) {
(
t
h
i
s
)
.
s
c
r
o
l
l
L
e
f
t
(
(this).scrollLeft(
(this).scrollLeft((this).scrollLeft() - scroll_width);
}
else {
(
t
h
i
s
)
.
s
c
r
o
l
l
L
e
f
t
(
(this).scrollLeft(
(this).scrollLeft((this).scrollLeft() + scroll_width);
}
});
}, function () {
$(".cssName").unbind(scroll_events);
});
标签：滚动,JQ,scrollLeft,var,滚动条,width,滚轴,events,scroll 来源： https://blog.csdn.net/weixin_45062076/article/details/119210412