前幾天在公司做開發的時候碰到一個列表橫向滑動的功能，當時用了iscroll做，結果導致手指觸到列表的范圍內豎向滑動屏幕滑動不了的問題。
這個問題不知道iscroll本身能不能解決，當時選擇了換一種方式來做，只要css就能搞定了，主要是利用了display:-webkit-box來實現。
<!DOCTYPE html> <html> <head> <title>橫向滑動</title> <style type="text/css"> .slide-box{ margin-top: 200px; display: -webkit-box; overflow-x: scroll; -webkit-overflow-scrolling:touch; } .slide-item{ width: 200px; height: 200px; border:1px solid #ccc; margin-right: 30px; } </style> </head> <body> <div class="slide-box"> <div class="slide-item"></div> <div class="slide-item"></div> <div class="slide-item"></div> <div class="slide-item"></div> <div class="slide-item"></div> </div> </body> </html>