How can I scroll with UIB?

paige6
Tera Contributor

In my UIB landing page, I have a bar graph and a list view under it.  The graph is responsive in that it changes the list view upon clicking one of the bars in the graphic.  I have been asked to add a scrolling mechanism that takes the user to the list upon clicking that bar element.  But, I don't know how to manipulate 'document' or 'window' objects within UIB.

 

I need to do a scroll to when the bar graph elements are clicked, the user is automatically scrolled to the list view.  i need to do this in a client script but $window/window is not available there to do a scrollTo(). 

 

Nor is "document" and I therefore cannot do this: 

document.getElementById("divFirst").scrollIntoView();

 or 

location.href = "#myDiv";

Any ideas of how I might do this?  I read that I could use glideForm to scroll, but I do not want to needlessly add a form to my landing page.  I just want to use the window/document elements SHOULD be available to any page.

1 REPLY 1

Marc Mouries
ServiceNow Employee
ServiceNow Employee

I don’t think you can scroll to the bottom of the page but I think a more elegant solution would be to put the list and other components in a tab component and to change the visibility upon clicking on the data visualization.