如何使一個滾動區域隱藏x和y兩個滾動條，但只啓用水平滾動？

Question

如何使滾動區域隱藏x &這兩個滾動條，但只啓用水平滾動？

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

有一個在這裏http://jsbin.com/acexuq/1/edit演示，但它是垂直的，如果我設置包溢出-Y：隱藏; overflow-x：scroll;內容浮動：左，內容不能滾動..

我覺得這個答案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; 
}