Scroll to anchor - Iron Speed Technical Forums

Iron Speed Technical Forums

Iron Speed > Categories > Using Iron Speed Designer V12.X > Scroll to anchor

Note: Your browser does not have JavaScript enabled. Many features may not work properly without it. Please enable JavaScript in your browser settings.

Author

Comment

vmnz

Registered:1423003435
Posts: 41

Posted 1517142577	Reply with quote #1

Hello everyone. Sad to see that this board is getting almost inactive Anyway, maybe someone can share own KB and help. My situation: there are three link buttons within fixed position div at the top of the page (title area). Each button needs to scroll to own anchor (those are in each repeater's record row, created programmatically with separate IDs, names, etc.) on a button click. Number of buttons is equal to the number of record rows. The page is "Show-table" type and loads different record sets of three records each. One solution, which works OK is to set button's OnClientClick - Code: javascript:window.scrollTo(0,0);return false; (that goes to the top of page), or Code: javascript:window.scrollTo(0,y);return false; (that scrolls y number of pixels from page's top) The problem with above JS is that each record of different recordsets contains multiple panels with different amount of details' data and (therefore) different scroll length (or height in the scrollable area), which vary for the records from ~1000 to ~3000 px). Consequently, using the static y number does not give accurate scrolling. When using (example) Code: javascript😃ocument.getElementById('MyAnchor3').scrollIntoView(true); does not give any results on the button click. So, I wonder if anyone has similar experience and/or is willing to indicate a potential direction towards some positive results. Thanks in advance. P.S. Commercial third party controls are out of requirements P.P.S. Collapsible panels are not desirable as well (although could be the last resort)

pinbot

MVP Consultant
Registered:1191322079
Posts: 968

Posted 1517154162	Reply with quote #2

I've done something similar but just a single link in the header to jump to a record control at the bottom of the page. Should be fairly simple to do what you want. I have this in a cell in the header: <a href="#Notes"><p class="dhtr">Skip to Notes</p></a> And then in a cell where I want to jump to: <a NAME="Notes"></a> I would think you could use a formula using the record Id of your repeater record and generate an anchor tag instead of my hardcoded "notes" tag. __________________ C. Bryan Patrick II Iron Speed Designer MVP Consultant Pseudo Consulting

vmnz

Registered:1423003435
Posts: 41

Posted 1517797257	Reply with quote #3

Thanks for your help. It works now

Previous Topic | Next Topic

Print

Easily create a Forum Website with Website Toolbox.

Download Iron Speed Designer


	Resources Technical Support Code Customizations MVPs / Consultants	Customers News & Reviews Product Council Shopping Cart	Company About Us Contact Us Management Jobs

Copyright © 2003-2015, Iron Speed, Inc. Iron Speed^® is a registered trademark. All rights reserved.

Terms of Service

Privacy Statement