2017-12-05 9 views
0

私は多くのコンポーネントを持つdivを持っています。ボタンをクリックすると、フォーカスがdivの下部に到達するはずです。角度2ではどのように可能ですか?角度2では、ボタンをクリックするとdivの下部にどのようにフォーカスできますか

+0

スクロールするページを取得しようとしましたか? scrollTo()メソッドがあることを思い出してください – mast3rd3mon

+0

サンプルコードを提供してください。 – Hashim

+0

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

答えて

-1

角度2では、jQueryとシンプルなjavascriptを使用できます。 ここでは簡単な関数を使用できます。 まず、index.htmlファイルにjqueryを含める必要があります。そして、あなたの中にコンポーネントあなたはので、ここでこのよう

declare var jQuery: any; 

でのjQueryを宣言することができますが、この

<a href="javascript:;" (click)="scrollToDiv('my_div_id')">Click me to scrool</a> 
+0

ありがとうございます!それは有用な – Hashim

+0

場合は、同じ問題を抱えている他の人を助けるために受け入れられた答えとしてマークしてください。 –

+0

あなたは少なくともこの回答を投票した理由を教えてもらえますか?何かが間違っているだけで私の答えを改善するのを助けるために知っている。 –

0
を行うことができ、あなたのhtmlファイルに最後に

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 お手伝いをします。

関連する問題