2011-11-07 134 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

我想你可能会说,你 –