4

iPadのネイティブスクロール機能に-webkit-overflow-scrolling：touchを使用しています。しかし、私はかなり奇妙な問題に遭遇しました：

divいろいろな子供がいるものがあります。これらの子がスクロールの必要性を生み出すのに十分な大きさである場合、デバイスは勢いをつけて正しくスクロールします。ただし、このdivがスクロールを必要とするほど大きくなく、突然要素が挿入されてスクロールが必要になった場合、要素をまったくスクロールできなくなります。

それがそれほど混乱していなかったことを願っていますが、誰かがこの状況で何をすべきかについて光を当てることができれば、それは素晴らしいことです。このプロパティに関するドキュメントはあまりありません。

編集：これをたくさんテストしようとしましたが、今では一般的に断続的な問題のようです。5回に1回程度、コンテンツに関係なく、Webアプリ全体でスクロールが失敗します。

4

1 に答える 1

2

私は同じ問題を抱えていましたが、新しいDOM要素が追加された後にCSSクラスを割り当てるとうまくいくようです:

// your code to add a div to the DOM
// the div contains a scrollable div with the content class
setTimeout(function(){
  // this is using JQuery
  div.find(".content").addClass("overflowScroll");
}, 1);

// CSS class
.overflowScroll {
  overflow: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

// The HTML for the div
// I am adding a dynamic list to the content div
// which should use the overflow scroll
<div class="panel">
  <div class="header">

  </div>
  <div class="content"></div>
</div>
于 2012-09-04T04:07:36.723 に答える