#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 для горизонтальной привязки. Работает как шарм и довольно просто.