使用jQuery自定义滚动条中的鼠标滚动事件移动自定义滚动条
我使用这个插件自定义滚动条。它在所有浏览器中都可以正常工作 问题是，我想通过使用鼠标滚动事件来移动水平滚动条。有人能帮忙吗？求你了 index.html使用jQuery自定义滚动条中的鼠标滚动事件移动自定义滚动条,jquery,Jquery,我使用这个插件自定义滚动条。它在所有浏览器中都可以正常工作 问题是，我想通过使用鼠标滚动事件来移动水平滚动条。有人能帮忙吗？求你了 index.html <html> <head> <title>Custom Scrollbar</title> <link type="text/css" rel="stylesheet" href="jquery.custom-scrollbar.css"/> <style
<html>
<head>
<title>Custom Scrollbar</title>
<link type="text/css" rel="stylesheet" href="jquery.custom-scrollbar.css"/>
<style type="text/css">
/*Horizontal scrollbar - set width and height of a div you want to add a scrollbar to*/
#horizontal-scrollbar-demo {
width: 98%;
height: 200px;
}
/*Horizontal scrollbar - set width of overview or make it expand horizontal like below*/
#horizontal-scrollbar-demo .overview {
white-space: nowrap;
}
#horizontal-scrollbar-demo img {
height: 180px;
width: auto;
}
</style>
<script src="jquery-1.9.1.js"></script>
<script src="jquery.mousewheel.min.js"></script>
<script src="jquery.custom-scrollbar.js"></script>
<script type="text/javascript">
$(window).load(function () {
$(".demo").customScrollbar();
});
</script>
</head>
<body>
<h2>Horizontal scrollbar</h2>
<div id="horizontal-scrollbar-demo" class="modern-skin demo">
<img src="images/OOH_Horizontal-A_Page_2_3.jpg" style="padding-right:10px;"/>
<img src="images/OOH_Horizontal-A_Page_3_1_3.jpg" style="padding-right:10px;"/>
<img src="images/OOH_Horizontal-A_Page_4_3.jpg" style="padding-right:10px;"/>
<img src="images/OOH_Horizontal-A_Page_7_3.jpg" style="padding-right:10px;"/>
<img src="images/TomAndJenny_Gap_3.jpg" style="padding-right:10px;"/>
</div>
</body>
</html>
自定义滚动条
/*水平滚动条-设置要添加滚动条的div的宽度和高度*/
#水平滚动条演示{
宽度：98%；
高度：200px；
}
/*水平滚动条-设置概览的宽度或使其水平展开，如下图所示*/
#水平滚动条演示。概述{
空白：nowrap；
}
#水平滚动条演示img{
高度：180像素；
宽度：自动；
}
$（窗口）。加载（函数（）{
$（“.demo”）.customScrollbar（）；
});
水平滚动条
我想要一些平滑的滚动效果，比如（mcustomscrollbar） 在库中似乎没有配置此功能的选项。但是假设您的容器没有垂直滚动条，您可以通过改变鼠标滚轮增量提供给各种功能的顺序来扩展插件 在未来，你可以改变
args.unshift(event, delta, deltaX, deltaY);
您还可以在github上创建一个问题，要求添加此功能，或者自己发出请求：-）库中似乎没有配置此功能的选项。但是假设您的容器没有垂直滚动条，您可以通过改变鼠标滚轮增量提供给各种功能的顺序来扩展插件 在未来，你可以改变
args.unshift(event, delta, deltaX, deltaY);
您还可以在github上创建一个问题，要求添加此功能，或者自己提出一个拉取请求：-）是否要通过调用来编程滚动？如果同时按下shift键，大多数（可能是所有现代）浏览器都会使用鼠标滚轮执行水平滚动。对于resize，它具有选项updateOnWindowResize:true，是否有鼠标滚动选项？是否要通过调用以编程方式滚动？如果同时按下shift键，大多数（可能所有现代）浏览器都会使用鼠标滚轮执行水平滚动。对于resize，它有选项updateOnWindowResize:true，是否有鼠标滚动的选项？谢谢你的回复和Yb，但我还是遇到了同样的问题。我已经在本地测试过，它对我有效。您的容器是否只有一个水平滚动条？你有我能看到问题的演示吗？谢谢！这对我有用。非常感谢你。当我们点击和滚动时，我们也可以提高滚动速度吗？现在它在水平方向上一页一页地移动。你的意思是像按住左键并一起滚动吗？像平滑滚动一样，现在它的效果是跳跃，想要平滑地移动。我们可以这样做吗？谢谢你的回复和YB，但我还是遇到了同样的问题。我已经在本地测试过，它对我有效。您的容器是否只有一个水平滚动条？你有我能看到问题的演示吗？谢谢！这对我有用。非常感谢你。当我们点击和滚动时，我们也可以提高滚动速度吗？现在它在水平方向上一页一页地移动。你的意思是像按住左键并一起滚动吗？像平滑滚动一样，现在它的效果是跳跃，想要平滑地移动。我们能做到吗？