Android - Webkit：如何在div中啓用水平滾動？

我試圖用這個代碼中插入內容爲水平滾動的div：Android - Webkit：如何在div中啓用水平滾動？

<div id="scrolly"> 
       <div id="chartdiv_hourly" class="vh72" style="width:200%;"> 
       </div> 
      </div> 


#scrolly{ 
    width: auto; 
    overflow: auto; 
    height: auto; 
    white-space: nowrap; 
}

chartdiv_hourly

width: 200%; 
overflow: hidden; 
text-align: left;

問題是，我不能在真機上水平滾動。

我試圖找到任何解決方案，我發現： https://github.com/davidaurelio/TouchScroll

但圖書館似乎是過時的，所以我試圖找到解決方案，純CSS，這可能嗎？

感謝您的任何幫助..

來源

2014-10-26 redrom

您正在使用自動溢出。

使用此：

overflow: scroll;

好運。

來源

2014-10-26 19:30:24 DripDrop

你好，我試過了，但它似乎不工作。 – redrom 2014-10-26 19:39:47

嘗試刪除空格：nowrap;代碼... – DripDrop 2014-10-26 19:41:35

仍然沒有成功。 – redrom 2014-10-26 20:07:35

「滾動」將需要設置絕對寬度。設置爲自動，我希望它只是增長以適應孩子的內容。

來源

2014-10-26 20:31:22 user2268788

我使用https://github.com/inuyaksa/jquery.nicescroll解決了它 – redrom 2014-10-26 20:35:07

你的問題表明你想找到一個純粹的CSS解決方案。 – user2268788 2014-10-28 00:10:16

Android - Webkit：如何在div中啓用水平滾動？

回答

相關問題