//绑定横向滚轮滚动事件
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);
});
相关文章
- 10-11JQ前端设置鼠标滚轴控制滚动条为横向滚动