垂直divをスクロールするインタラクティブなボタンを作成するにはどうすればよいですか？

Question

は、私は製品であり、これらのdivを考えてみましょう

<div class="container"> 
       <div class="product"> 
        <div class="image"><img class="img-responsive" src="http://www.shingpoint.com.pk/Images/Thumbnails/pc-a1-470-59100-080316082835.jpg"/></div> 
        <div class="description"><h4 class="productname">ASUS VivoMini PC - UN65H-M030M</h4></div> 
        <div class="price"> 
         <span>Rs. 37,900</span> 
         <input type="button" class="btn btn-primary btn-sm" value="Details"/> 
        </div> 
       </div> 
       <div class="product"> 
        <div class="image"><img class="img-responsive" src="http://www.shingpoint.com.pk/Images/Thumbnails/pc-a1-470-59100-080316082835.jpg"/></div> 
        <div class="description"><h4 class="productname">ASUS VivoMini PC - UN65H-M030M</h4></div> 
        <div class="price"> 
         <span>Rs. 37,900</span> 
         <input type="button" class="btn btn-primary btn-sm" value="Details"/> 
        </div> 
       </div> 
      </div> 

による「主にコードのstackoverflowの制限」への唯一の2製品があります。これらの製品が10個あり、そのうちの5個を表示したいとします。写真を見るときにfacebookと同じように、前方ボタンと戻るボタンをクリックするごとに1つずつ表示されます。

Answer 1

class='container divを特定の高さに設定することができます。商品の高さが200pxの場合、コンテナを400pxに設定できます。次にボタンをクリックすると、コンテナdivをスクロールできます。あなたのコードは次のようになります：