アングル型アプリケーションで表の行またはリスト項目にスクロール

Question

app.component.htmlのコードスナップショットでは、行39〜58の表にクリック可能な行が表示されます。ユーザーが行をクリックすると、関連する他の行が表に表示されますすなわち、ユーザが行をクリックすると、onSelectAya(aya, suraTable)がapp.component.tsに呼び出されます。その関数は必要な行をロードし、表が表示されます。

私はこのことにこだわっています。 suraTableが100行で終了するとします。現在の行為は行1,2,3 ...がもちろん表示されているということです。行50にテーブルを表示できるようにする必要があります（情報は行91のパラメータayaに格納されています）。どのようにその位置にスクロールしますか？私はscrollTop方法を試しましたが、suraTable.scrollTopの前後の値をチェックすると、値は常に0（つまり0ピクセルです）です。行100は、console.log(suraTable)に達すると、ブラウザに期待される出力が生成されていることを示しています。これは、要素が正しく開始されていることを意味しています。

app.component.tsコンポーネント内で、テーブル内の特定の行にスクロールするか、リスト内の項目にスクロールすると簡単にリスト全体の構造に変換できますか？ありがとうございました。

Answer 1

これは、古いブラウザでは動作しない場合があります。

これは単にスクロールの事である場合は、theyr番号を知ることができますので、あなたの行に固有のIDを追加することができ、その後、スクロールが参加しているとき、あなたの要素が上にレンダリングされていない場合

var elmnt = document.getElementById("rowNumber"+rowNumber); 
elmnt.scrollIntoView(); 

を行いますDOMの場合、そのレンダリングが完了したときにコールバックを追加してみてください。それができない場合は、おそらくsetTimeoutできます。