how to apply auto scroll on mobile screen

Back to Forums

Rajesh shaganti

Solved

Question

Hi all,

Good day!!.

i want apply auto scroll on mobile screen and auto focus on every filed

when i fill input or if i choose button after next filed should auto focus, i don't want chose manual for next filed. how should i navigate to next filed with out clicking those,i want focus every filed meanwhile if screen getting down i want auto scroll the screen also

can any one help me to achieve this

04 Jun 2018

Carlos Lopez

Solution

Hi Rajesh

I have successfully used the method described on this post to implement auto scroll when a button is pressed or some other event is fired.

Basically, you define an HTML anchor to where you'd want to scroll and use the JS function scrollIntoView() to go to that anchor.

As for the focus, silkUI Mobile Patterns has a function called "SetActiveElement" which helps you focus the widget you desire.

Hope this helps!

CLSJ

See solution in context

04 Jun 2018

1 reply

07 Jun 2018

Show thread

Hide thread

Rajesh shaganti

Carlos López Santibáñez Jácome wrote:

Hi Rajesh

I have successfully used the method described on this post to implement auto scroll when a button is pressed or some other event is fired.

Basically, you define an HTML anchor to where you'd want to scroll and use the JS function scrollIntoView() to go to that anchor.

As for the focus, silkUI Mobile Patterns has a function called "SetActiveElement" which helps you focus the widget you desire.

Hope this helps!

CLSJ

thank you, it working as expected from customer point of view .Thank you

07 Jun 2018

Sam Rijkers

Hey Rajesh,

I haven't tried it myself, but I think this topic on stackoverflow might be of use. You could use the javascript defined in the topic in an action when the user clicks a button.

https://stackoverflow.com/questions/2905867/how-to-scroll-to-specific-item-using-jquery

Sam

04 Jun 2018

Carlos Lopez

Solution

Hi Rajesh

I have successfully used the method described on this post to implement auto scroll when a button is pressed or some other event is fired.

Basically, you define an HTML anchor to where you'd want to scroll and use the JS function scrollIntoView() to go to that anchor.

As for the focus, silkUI Mobile Patterns has a function called "SetActiveElement" which helps you focus the widget you desire.

Hope this helps!

CLSJ

04 Jun 2018

1 reply

07 Jun 2018

Show thread

Hide thread

Rajesh shaganti

Carlos López Santibáñez Jácome wrote:

Hi Rajesh

I have successfully used the method described on this post to implement auto scroll when a button is pressed or some other event is fired.

Basically, you define an HTML anchor to where you'd want to scroll and use the JS function scrollIntoView() to go to that anchor.

As for the focus, silkUI Mobile Patterns has a function called "SetActiveElement" which helps you focus the widget you desire.

Hope this helps!

CLSJ

thank you, it working as expected from customer point of view .Thank you

07 Jun 2018

Jorge Martins

MVP

Hi Rajesh,

Can you explain what you mean by auto-focus next field?... on mobile apps this tends not to be that relevant, I'm curious what's your usage scenario.

05 Jun 2018

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.

See the full guidelines