私は多くのコンポーネントを持つdivを持っています。ボタンをクリックすると、フォーカスがdivの下部に到達するはずです。角度2ではどのように可能ですか?角度2では、ボタンをクリックするとdivの下部にどのようにフォーカスできますか
答えて
角度2では、jQueryとシンプルなjavascriptを使用できます。 ここでは簡単な関数を使用できます。 まず、index.htmlファイルにjqueryを含める必要があります。そして、あなたの中にコンポーネントあなたはので、ここでこのよう
declare var jQuery: any;
でのjQueryを宣言することができますが、この
<a href="javascript:;" (click)="scrollToDiv('my_div_id')">Click me to scrool</a>
ありがとうございます!それは有用な – Hashim
場合は、同じ問題を抱えている他の人を助けるために受け入れられた答えとしてマークしてください。 –
あなたは少なくともこの回答を投票した理由を教えてもらえますか?何かが間違っているだけで私の答えを改善するのを助けるために知っている。 –
scrollToDiv(divId){
var divTag = jQuery("div#" + divId);
jQuery('html,body').animate({scrollTop: divTag.offset().top},'slow');
}
をscroolを助けることができる機能です
viewchildとnativeelementを使用します。次に、要素を取得し、.focus()メソッドを使用できるようになります。 viewchildとnativeelementに従います。 https://stackoverflow.com/a/45344187/4834833 お手伝いをします。
- 1. 角度2 - どのように(クリック)イベント動的に追加するDIV
- 2. 角度Jsのテキストボックスには、ボタンのクリックでテキストボックスに注力することができません。ボタンのクリック
- 3. divをクリックするとフォーカスがボタンに移動します
- 4. 角度2の.lessコンパイラはどのように使用できますか?
- 5. どのように私はボタンをクリックしてdivを移動することができますか?
- 6. どのように角度2でmdbootstrapを使用できますか?
- 7. どのように角度2に位置を注入できますか?
- 8. 角度2のdivの内側のhtmlの変化をどのように検出できますか?
- 9. 角度2アプリでは、どのように特定のローカルリソースをキャッシュすることができますか?スクリプト
- 10. 角度mdオートコンプリートでどのようにフォーカスが設定されますか?
- 11. 角度2のネットワーク接続をどのように検出できますか?
- 12. イオン2と角度2のオブジェクトをどのように読み取ることができますか?
- 13. ボタンをクリックすると、どのようにポップアップフォームを作成できますか?
- 14. どのように角度角度2のpolyfils角度RC.1?
- 15. 角度4の角度2パッケージはどのように使用できますか?
- 16. どのように角度ジェスでボタンの仕事を隠す....?
- 17. イオン2は角度2でどのように機能しますか?
- 18. メインインスタンスのボタンをクリックすると、2レベルの子コンポーネントのデータをどのように表示できますか?
- 19. divのテキストをdivの下部に配置するにはどうすればよいですか?
- 20. 角度2:サービスを「外側」の角度ゾーンにするにはどうすればよいですか?
- 21. 2角度:どのように私は、私は次のリスト のクリックで編集することがaddからボタンのキャプションを変更することができますどのようにリストのクリック
- 22. どのように角度2+で現在のページと同じルートのボタンをクリックするとページがリロードされるのを確認しますか?
- 23. 角度2のコンポーネントは外部化できますか?
- 24. 外部JSONファイルを角度2のテストにロードするにはどうすればよいですか?
- 25. どのように角度2の子コンポーネントから親コンポーネントに値を渡すことができますか?
- 26. 角度2でモデル間をどのようにマッピングするのですか?
- 27. セレンとC#|どのようにしてテーブルのボタンをクリックできますか?
- 28. 角度のボタンに2つの選択タグのdivを追加しますか?
- 29. 角度2の部分表示のヘッダーを変更するにはどうすればよいですか?
- 30. 円の2点間の角度はどのようにして求めることができますか?
スクロールするページを取得しようとしましたか? scrollTo()メソッドがあることを思い出してください – mast3rd3mon
サンプルコードを提供してください。 – Hashim
try:https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoViewまたはhttps://stackoverflow.com/questions/635706/how-to-scrollの受諾応答を参照してください。 -to-an-element-inside-a-div – mast3rd3mon