禁用水平滾動，其中元素大於視口

Question

我試圖創建一些有點像谷歌播放上的導航，具有固定數量的og選項卡（在應用程序瀏覽中輕掃）。

我創建了一個包含一些內容div的div。

<div id="container"> 
    <div class="section"> ... </div> 
    <div class="section"> ... </div> 
    <div class="section"> ... </div> 
</div> 

要創建部分之間的滑動我容器設定爲300％ 寬度我然後根據按下的按鈕設置在容器的left屬性。

我的問題是：如何禁用水平滾動視口？

Answer 1

有兩種解決方法：

1. 裹#container內的另一個<div>其中有100％的寬度，殘疾人包裝和溢出：隱藏，然後滾動#container裏面，或者

2. 把overflow: hidden上視口（或嘗試使用overflow-x:hidden);