Javascript 如何使用鼠标进行水平滚动

Javascript 如何使用鼠标进行水平滚动,javascript,jquery,html,css,Javascript,Jquery,Html,Css,有人知道如何在按住鼠标单击的同时进行水平滚动,从而不依赖于水平条吗?如果可能的话,把酒吧藏起来 也就是说,我想模仿和单杠一样的东西,但是用鼠标 尝试使用JQuery的draggable()函数,但我还没有给出 代码如下: #选项卡.选项卡控件{ 文本对齐:居中; 边缘底部:40px; 溢出-x:自动; 空白:nowrap; 垫底:10px; } .选项卡控件{ 文本对齐:居中; 溢出-x:自动; 空白:nowrap; 垫底:10px; 页边距底部:0; } #tab.tab控件li:第一个孩子

有人知道如何在按住鼠标单击的同时进行水平滚动,从而不依赖于水平条吗?如果可能的话,把酒吧藏起来

也就是说,我想模仿和单杠一样的东西,但是用鼠标

尝试使用JQuery的draggable()函数,但我还没有给出

代码如下:

#选项卡.选项卡控件{
文本对齐:居中;
边缘底部:40px;
溢出-x:自动;
空白:nowrap;
垫底:10px;
}
.选项卡控件{
文本对齐:居中;
溢出-x:自动;
空白:nowrap;
垫底:10px;
页边距底部:0;
}
#tab.tab控件li:第一个孩子{
左侧填充:0;
}
#tab.tab控件li{
显示:内联块;
填充:0 15px;
}
.tab控件li:第一个孩子{
左侧填充:0;
}
.tab控件li{
显示:内联块;
填充:0 15px;
}
  • }

大多数浏览器支持在按下Shift键时通过鼠标滚轮进行水平滚动。即使按下鼠标左键,它也可以正常工作

关于隐藏滚动条-使用
边距底部:-17px;溢出-x:滚动溢出:隐藏
将元素放入一些
div