Scrolling to a specific element

[Robin]

My view contains a lot of content, and I wish to give the user shortcuts to scroll to specific parts of the page.

I see that it's possible to scroll using scrollTo, but the value has to be given as a number. As screen sizes vary I don't know the specific height values for the different places I wish to scroll.

Is there a smart way to for example scroll to the element with id="ScrollPosition1"?

[Kiril Nikolov]

Hello Robin,

There is no built functionality that you can use to scroll to a specific element inside your application. However you might achieve something similar to this, by getting the offset position of the element according to the window and then use this value for the scrollTo() method.

I have created an example showing a possible implementation:

http://jsbin.com/UVALAqo/1/edit
 
Regards,
Kiril Nikolov
Telerik

[Robin]

This is great, thank you!

[Kiril Nikolov]

Hi Robin,

I am glad it helped.

If you have any questions, please do not hesitate to contact us.
 
Regards,
Kiril Nikolov
Telerik