Webkit Overflow Scrolling Snap to elements

Question

使用新的-webkit-overflow-scrolling：touch技术，是否可以将其捕捉到元素。

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>

Answer 1

-webkit-overflow-scrolling: touch;只是告诉iOS和其他移动浏览器（不确定是否有更多基于移动Webkit的浏览器）列表可以通过触摸滚动。它没有定义行为。

您需要在JS中实现解决方案。