如何在html中水平使用頁面滑塊

我想在html中使用頁面滑塊將頁面移動到左側，我有6種以上的產品，所以現在我在頁面上一次顯示4種產品，但是我有6個以上的產品產品，當我在產品頁面時，滑塊必須開始移動左側，當我們用鼠標點擊時，頁面滑塊也應該正常工作。如何在html中水平使用頁面滑塊

<html> 
    <div class="col-1-4"> 
     <div class="wrap-col"> 
      <div class="box maxheight1"> 
       <img src="images/box1_img1.png" alt=""> 
        <div class="text1"> 
         <a href="#">Food Central</a> 
        </div>Food central is a mobile application ...................... 
        <div class="button" style="color:#334960"> 
         <a href="#">Read More</a> 
        </div> 
       </div> 
      </div> 
     </div> 
    </html>

來源

2014-03-04 stanti

你怎麼指望這個向左移動？你有沒有添加任何CSS或JS？如果是，那麼在這裏添加。 – Era

給提琴手代碼plz – monu

這就是我想要的 – stanti

它與overflow-x:scroll;

這將是：

div .wrap-col { 
    width:800px; 
    overflow-x:scroll; 
} 
div .wrap-col div { 
    width:4000px; 
}

來源

2014-03-04 08:23:22 mherbert

如何在html中水平使用頁面滑塊

回答

相關問題