I’m trying to scroll to a specific section on the view to improve user experience on long pages. This would be especially useful on smaller devices, which normally have content laid out vertically instead of horizontally.
- created a sample long scrollable view (added a few components, set basis to 1000px, set shrink to false)
- added a label on the very bottom of the view
- added meta property
domIdwith a value of
labelBottomto said label
- added a button at the top of the view
- added onActionPerformed script with body
I’m not sure if
system.perspective.navigate() is the correct function to use here. I see that it appends
#labelBottom to the URL. However, nothing happens unless I refresh the page.
What I can do is use a Perspective Link component and link to
#labelBottom, in which case it works as expected. However, I’d like to have the flexibility of using a button for that purpose.
Also another question: when did
domId become available? My coworker and I were trying to do something similar a few months ago and we didn’t see it. I just happened to stumble upon it a few days ago messing around in the designer.
Thanks in advance.