jquery - 如何使滚动区域隐藏 x 和 y 滚动条，但只启用水平滚动？

Question

如何使滚动区域隐藏 x 和 y 滚动条，但只启用水平滚动？

http://jsbin.com/opunut/5/edit

这里有一个演示http://jsbin.com/acexuq/1/edit但它是垂直的，如果我设置 wrap overflow-y: hidden; 溢出-x：滚动；内容浮动：左，内容不能滚动..

我找到了这个答案https://stackoverflow.com/a/2597343/1927742但它不能隐藏滚动条......

有什么建议或更好的主意吗？

Answer 1

尝试在称为中间的外部和内部之间添加一个额外的 div 并使用此 CSS：

http://jsbin.com/acexuq/3/

#outer {
  overflow:hidden;
  width: 400px;
  height: 400px;
}
#inner {
  overflow:auto;
  width:4000px; 
  height:400px;
}
#middle {
  overflow: scroll;
  width:417px; 
  height:417px;
}