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中启用水平滚动？

回答

相关问题