如何使滾動條在Android瀏覽器

如何在歌劇移動使用溢出-Y在Android瀏覽器，例如？如果我創建一個溢出-y風格的div，那麼它不會工作，就像在桌面瀏覽器中一樣。如何使滾動條在Android瀏覽器

所以我想使垂直滾動的div，而無需使用任何庫。請給我一些指示。

由於提前，

2012-03-13 Danny Fox

使兩個div：

<div class='parent-of-scroller'> 
    <div class='scrollable-item'> 
     ... your content ... 
    </div> 
</div>

對於外層div，設置overflow:hidden控制的內部的div滾動位置通過管理其margin-top使用JavaScript的放置。我相信你可以使用觸摸事件來控制內部的div

來源

2012-03-13 10:29:05 kishu27

謝謝你，在這裏工作 – 2012-03-13 11:55:08

同樣的問題 - 但並不瞭解所有的解決方案。你如何「使用JavaScript來管理其邊緣頂部」？ – Mateng 2012-08-31 10:20:35

通過管理margin-top，我的意思是改變它的整數值。你可以否定它向上滾動（低於零）和相反的方式。你會有一些事件，你會想要滾動的部分和決定你想滾動多少像素（XX）。使用'element.style.marginLeft =「xx」'; – kishu27 2012-09-02 17:08:24

對於未來後代的滾動位置的Opera Mobile 12 /經典，你在你的問題標籤瀏覽器，有一個必須遵循的非常具體的標準爲了得到overflow: scroll或overflow: auto工作：

元件高度（或寬度）是不夠得到Opera移動12溢出的元件，這將擴大元件除非絕對定位與頂部和底部值。這很糟糕，但是當完全定位後，Opera Mobile 12會爲溢出元素添加一個滾動條，但不支持觸摸手勢滾動和滾動條控制。

因此，要Opera移動到實際上添加滾動和溢出需要改變紀州的例子稍微一個div：

<style> 
#parent-of-scroller { 
    position: relative; 
    height: [whatever] 
} 
#scrollable-item { 
    position: absolute; 
    top: 0px; 
    bottom: 0px; 
} 
</style> 

<div class='parent-of-scroller'> 
    <div class='scrollable-item'> 
     ... your content ... 
    </div> 
</div>

歌劇院≥9.5CSS破解_:-o-prefocus, body:last-child .your-selector-here可以幫忙。

從http://barrow.io/overflow-scrolling

來源

2014-10-30 12:18:07

如何使滾動條在Android瀏覽器

回答

相關問題