jQueryプラグイン「iScroll」の動的対応ではまった所

iscroll

メニューなどを固定で下に表示させてくれたりするプラグイン「iScroll」。

こいつで少しはまりました。

Ajaxなどでデータを読み込んだ後にコンテンツを追加すると、
追加した分のスクロールが出来ない状態になる。。。

これは最初にDOMを解析して高さを割り出して設定されているからで、
追加した分は知らんよ!って事ですね。

これを解決するには、下記のようにAjaxなどでデータをやりとりした後に、

1
myScroll.refresh()

として高さを再設定してやれば解決。

ドキュメントにめっさ書いてあるので、ちゃんと見ろよオレ!って事で。

refresh

解決して良かった。

投稿者:

kishir

趣味: sk8, ピスト、ターンテーブル、レコード 仕事: Python, Objective-C, PHP, JavaScript