グライド要素

私はこれが十分に機能し、ビューポートを過ぎグライド要素

.row { 
 
    overflow:scroll; 
 
} 
 

 
.slider { 
 
    height: 100px; 
 
    white-space: nowrap; 
 
} 
 

 
.square { 
 
    width: 200px; 
 
    height: 100px; 
 
    background-color: red; 
 
    margin-right: 10px; 
 
    display: inline-block; 
 
}

<div class="row"> 
 
    <div class="slider"> 
 
     <div class="square">Foo</div> 
 
     <div class="square">Foo</div> 
 
     <div class="square">Foo</div> 
 
     <div class="square">Foo</div> 
 
     ...

を拡張するアイテムの行を作成Netflixのキューのようなものを、建物が、よ私のタブレットのアイテムを軽くたたくことができ、アイテムの行を滑らせ、摩擦で減速させることができればうれしいでしょう。私は、アイフレームを採用することにより、垂直方向に、過去にその効果を達成することができましたが、私は水平に似た何かを得ることができるのか分かりません。

CSSのソリューションは理想的であるが、同様にJavascriptのソリューションを取るだろう。

https://jsfiddle.net/

出典

2016-11-16 Mister Epic

http://www.catchmyfame.com/2013/10/16/the-flick-scroller/ – j08691

-webkit-オーバーフロースクロール：タッチ、あなたがたが、現時点で探しているものはありませんモバイルサファリ – MichaelB

@MichaelBでのみサポートされており、それはAndroidは、すでに必要な動作を実装して判明しました。これは素晴らしいです、あなたの答えを回答として投稿してください。 –