Skip to main content
本文に 984 文字追加
ソース リンク
supa
  • 5,399
  • 4
  • 18
  • 41

どうやらWebViewのバージョンに依存しているようです。

WebViewがdisplayプロパティのnone/block切り替えでスクロールポジションのリセットをしてしまうバージョンだと、pushPage後ポジションがリセットされるようです。
「pushPage/popPage」で「display:none/block」してますので、このケースに見事に当てはまり、リセットされてました。

http://jsfiddle.net/sammy/RubNy/
症状

$(document).click(function() {
  $('div').toggle();
});
div {
  height: 50px;
  overflow: auto;
  background: lightgrey;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<div>
  Top <br/>
  <br/> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
  irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br/>
  <br/> Bottom
</div>

症状が発生する端末で上記URLを開いてテストすれば、スクロールポジションがリセットされるのを確認しました。

OnsenUI + Android4.0~で、このケースに苦しめられている人は余り居ないのでしょうか?
4.4以上は症状が出ないため、気が付きにくいかもしれませんが。

それとも私がやっているようなons-page等をスクロールして次のページをpushPageするという流れが特殊なんでしょうか。
一覧 → 詳細のフローだと思うのですが。

ons-lazy-repeatを利用して、そこからpushPageすることは、一部Androidでは実質使用できない動作となっているように思います。
たとえば100アイテム分スクロールしてpushPageし戻ってきたらボジションリセットでは使い物になりませんから。

どうやらWebViewのバージョンに依存しているようです。

WebViewがdisplayプロパティのnone/block切り替えでスクロールポジションのリセットをしてしまうバージョンだと、pushPage後ポジションがリセットされるようです。
「pushPage/popPage」で「display:none/block」してますので、このケースに見事に当てはまり、リセットされてました。

http://jsfiddle.net/sammy/RubNy/
症状が発生する端末で上記URLを開いてテストすれば、スクロールポジションがリセットされるのを確認しました。

OnsenUI + Android4.0~で、このケースに苦しめられている人は余り居ないのでしょうか?
4.4以上は症状が出ないため、気が付きにくいかもしれませんが。

それとも私がやっているようなons-page等をスクロールして次のページをpushPageするという流れが特殊なんでしょうか。
一覧 → 詳細のフローだと思うのですが。

ons-lazy-repeatを利用して、そこからpushPageすることは、一部Androidでは実質使用できない動作となっているように思います。
たとえば100アイテム分スクロールしてpushPageし戻ってきたらボジションリセットでは使い物になりませんから。

どうやらWebViewのバージョンに依存しているようです。

WebViewがdisplayプロパティのnone/block切り替えでスクロールポジションのリセットをしてしまうバージョンだと、pushPage後ポジションがリセットされるようです。
「pushPage/popPage」で「display:none/block」してますので、このケースに見事に当てはまり、リセットされてました。

http://jsfiddle.net/sammy/RubNy/

$(document).click(function() {
  $('div').toggle();
});
div {
  height: 50px;
  overflow: auto;
  background: lightgrey;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<div>
  Top <br/>
  <br/> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
  irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br/>
  <br/> Bottom
</div>

症状が発生する端末で上記URLを開いてテストすれば、スクロールポジションがリセットされるのを確認しました。

OnsenUI + Android4.0~で、このケースに苦しめられている人は余り居ないのでしょうか?
4.4以上は症状が出ないため、気が付きにくいかもしれませんが。

それとも私がやっているようなons-page等をスクロールして次のページをpushPageするという流れが特殊なんでしょうか。
一覧 → 詳細のフローだと思うのですが。

ons-lazy-repeatを利用して、そこからpushPageすることは、一部Androidでは実質使用できない動作となっているように思います。
たとえば100アイテム分スクロールしてpushPageし戻ってきたらボジションリセットでは使い物になりませんから。

ソース リンク

どうやらWebViewのバージョンに依存しているようです。

WebViewがdisplayプロパティのnone/block切り替えでスクロールポジションのリセットをしてしまうバージョンだと、pushPage後ポジションがリセットされるようです。
「pushPage/popPage」で「display:none/block」してますので、このケースに見事に当てはまり、リセットされてました。

http://jsfiddle.net/sammy/RubNy/
症状が発生する端末で上記URLを開いてテストすれば、スクロールポジションがリセットされるのを確認しました。

OnsenUI + Android4.0~で、このケースに苦しめられている人は余り居ないのでしょうか?
4.4以上は症状が出ないため、気が付きにくいかもしれませんが。

それとも私がやっているようなons-page等をスクロールして次のページをpushPageするという流れが特殊なんでしょうか。
一覧 → 詳細のフローだと思うのですが。

ons-lazy-repeatを利用して、そこからpushPageすることは、一部Androidでは実質使用できない動作となっているように思います。
たとえば100アイテム分スクロールしてpushPageし戻ってきたらボジションリセットでは使い物になりませんから。