Autoscroll the page to selected component in Angular

Question

My application has tree view in left side of page. when any node is selected in the tree, the information about the page displays in the detail side of the page which is the right side.

Now I have search component at top of page, in which I can search for specific node in tree. When the result is found, the result node is selected.

But the the result node is not in the current view, I want the tree component to be scrolled down to the selected node. Any help on how this can be done would be really helpful.

score 1 · Accepted Answer · answered Dec 11 '19 at 09:05

1

I think we can directly use, the builtin scrollIntoView function to autoscroll here

answered Dec 11 '19 at 09:05

Vamsi

71
2
6

score 0 · Answer 2 · answered Dec 11 '19 at 07:52

0

You can achieve this by using scrollTo function of jquery.

$('body').scrollTo('#target');

You can also find helpful alternatives in this post scroll element

answered Dec 11 '19 at 07:52

Naseer

174
1
8

Autoscroll the page to selected component in Angular

2 Answers2