Привязка прокрутки Webkit Overflow к элементам

#css #webkit #mobile-safari

#css #webkit #мобильный-safari

Вопрос:

Используя новую технику -webkit-overflow-scrolling: touch, возможно ли заставить ее привязываться к элементам, чтобы.

НАПРИМЕР:: это для привязки к изображениям

 .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.

Комментарии:

1. Я недавно использовал github.com/BoostCommunications/Flickable для горизонтальной привязки. Работает как шарм и довольно просто.