スクロールにハマっています。
ゲームブックアプリの開発を進めています。
http://ajax-python.sakura.ne.jp/gamebookmaker/
各ページやフラグの情報を個別にみる(例えば、どのページから飛び、どのページに移動するとか)機能をつけている最中ですが、このサンプルでも259ページある訳で画面トップや末尾に移動する機能は欲しいよね?と言う事で試していますが、現在、絶賛ハマり中です。
scrollTopが使えるかと思いきや、どうも動かない。
scrollTop
https://developer.mozilla.org/ja/docs/Web/API/Element/scrollTop
解決に寄与しそうな情報を見ている最中ですが、極めて難解(もちろん私にとって)
$ionicScrollDelegate
https://ionicframework.com/docs/v1/api/service/$ionicScrollDelegate/
コントローラーについて
https://js.studio-kingdom.com/angularjs/guide/controller
AngularJSのControllerとScopeの基礎を学ぼう
https://html5experts.jp/canidoweb/16732/
必須の機能では無いですが、しばらく没頭の予定です。
追記
今回の目的のためならば、idの動的設定とElement.scrollIntoView()を組み合わせるのが手っ取り早そうですね。
ngForのindexを使い、
HTML側で
<li *ngFor="let episode of episodes; let i = index">
<div id="{{ 'wave' + i }}"></div>
</li>
スクリプト側で
let el = document.getElementById("wave1"); //indexが１の場合
el.scrollIntoView();
と言う感じです。
参考サイト
Dynamically assign element id inside ngFor
https://stackoverflow.com/questions/49589713/dynamically-assign-element-id-inside-ngfor/49589956#49589956
Element.scrollIntoView()
https://developer.mozilla.org/ja/docs/Web/API/Element/scrollIntoView
