2011-11-07 136 views
1

使用新的-webkit-overflow-scrolling:touch技術,是否有可能使它捕捉到元素。Webkit溢出滾動對齊元素

EG ::這個捕捉到圖像

.gallery { 
    width:960px; 
    height:600px; 
    overflow:auto; 
    -webkit-overflow-scrolling:touch; 
} 
img { 
    width:800px; 
    height:600px; 
    float:left; 
} 

<div class="gallery"> 
    <img src="101.jpg"/> 
    <img src="101.jpg"/> 
    <img src="101.jpg"/> 
    <img src="101.jpg"/> 
    <img src="101.jpg"/> 
    <img src="101.jpg"/> 
    <img src="101.jpg"/> 
    <img src="101.jpg"/> 
    <img src="101.jpg"/> 
    <img src="101.jpg"/> 
</div> 

回答

1

-webkit-overflow-scrolling: touch;只是告訴iOS和其他移動瀏覽器(不知道是否有任何更多的移動基於Webkit的瀏覽器),該列表可通過觸摸滾動。它沒有定義行爲。

你需要在JS中實現一個解決方案。一個解決方案的

+0

和想法 –

+1

http://cubiq.org/iscroll-4 – Blender

+0

我想你可能會說,你 –