2013-08-26 46 views
9

我已經實現了一個使用twitter引導的網站。在網站的頂部,我使用了一個導航欄,裏面使用了一個下拉菜單。下拉菜單由< ul>和< li>標籤組成。我正在顯示該dropdwon菜單中的成員列表。當成員列表增長時,下拉菜單水平增長,爲此,我在下拉菜單類中添加了overflow: auto。現在它顯示一個垂直滾動條,並在瀏覽器中正常工作。溢出:汽車不工作在觸摸設備(iOS)

但同樣的事情不適用於iPad和其他iOs設備。我用Google搜索了一下,發現-webkit-overflow-scrolling: touch應該可以工作。但它不適合我。很多其他解決方案也存在,但不幸的是不適合我。

有沒有更好的解決方案可用。可能是我們可以使用CSS自己做的任何事情。

+0

同時使用'溢出:scroll'和'-webkit-溢出滾動:觸摸;'。 [鏈接](http://johanbrook.com/browsers/native-momentum-scrolling-ios-5/)。也可以看看這個鏈接[** Barrow.io **](http://barrow.io/overflow-showling) –

+0

是的,到處都是它寫的-webkit-overflow-scrolling:touch;應該工作,但不知道爲什麼它不爲我工作。 – sandeep

+0

與'overflow:scroll'一起使用時不帶'overflow:auto' .. –

回答

1

添加CSS屬性到您的div標籤-webkit-溢出滾動:觸摸

+0

我必須在< ul >和< li >標籤中顯示滾動條。 – sandeep

+0

把它放在容器中,並在CSS中添加該屬性 –

+0

這不適合我 – AndrewLeonardi