при использовании [ -webkit-overflow-scrolling: touch;] область прокрутки работает хорошо, но это приводит к остановке работы сенсорных событий из области прокрутки. Есть ли у кого-то такая же проблема? Кто может дать мне некоторые официальные ссылки об этой новой функции прокрутки?
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>ios5 scroll</title>
<style type="text/css">
header {
background: red;
width: 300px;
height:44px;
}
.scroll {
width: 300px;
height:300px;
background: yellow;
overflow: scroll;
-webkit-overflow-scrolling: touch;
}
</style>
</head>
<body>
<div id="container">
<header>
<button onclick="alert('header');">won't work?</button>
</header>
<div class="scroll">
<button onclick="alert('scroll');">It works</button>
<div>text</div><div>text</div><div>text</div><div>text</div><div>text</div><div>text</div><div>text</div>
<div>text</div><div>text</div><div>text</div><div>text</div><div>text</div><div>text</div><div>text</div>
<div>text</div><div>text</div><div>text</div><div>text</div><div>text</div><div>text</div><div>text</div>
</div>
</div>
</body>
</html>
2011-12-27: Я исправил эту проблему, но я до сих пор не удивляюсь реальной причине. В моем случае у меня есть несколько разделов на одной веб-странице, каждая секция имеет область прокрутки и заголовок, каждый раз отображается только один раздел и использует анимацию css3 в сочетании с преобразованием в разделы переключения. при добавлении [-webkit-overflow-scrolling] в области прокрутки всех разделов, события события перестают работать случайным образом, поэтому я просто добавляю [-webkit-overflow-scrolling] в раздел, который отображается в настоящее время, и удаляет его, когда раздел скрытый. Это работает хорошо, но я до сих пор не знаю, что вызывает эту проблему.