Androidブラウザで非同期読み込みによってスクロールが切れる場合

watanabe 231views 更新:2014年8月27日

Androidブラウザで非同期読み込みをした場合にスクロールしても端が切れてしまうことがある。

これは表示しているページの高さに、

非同期読み込みによって追加された要素の高さが加えられず一定のままになっているため

生じると思われる。

対処法としては非同期読み込み完了時に

非同期読み込みによって要素が追加され大きくなった要素の高さを

var target = document.getElementById('#target');
var changedHeight = target.clientHeight;

などで取得し、ページ全体にかかる要素をwrapperとした場合、

var wrapper = document.getElementById('#wrapper');
wrapper.style.height = changedHeight + 'px';

といった形で画面全体に表示している要素の高さを変更することで対処できる。

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません