So I have a page that displays a list of 100 items. How would I be able to store the item that is being scrolled to in the URL, so that the user can control which item is scroll to in the URL?
www.site.com/inventory?scroll_position=67
Asked
Active
Viewed 54 times
0
Heretic Monkey
- 11,687
- 7
- 53
- 122
Bear Bile Farming is Torture
- 4,317
- 4
- 27
- 61
-
No clue what you mean store...... store where? – epascarello Nov 08 '21 at 13:14
-
did you mean using # link? – Leandro Bardelli Nov 08 '21 at 13:15
-
www.site.com/inventory#item-67 there is a discussion about how to find item in center of screen https://stackoverflow.com/q/11760898/15273968 – the Hutt Nov 08 '21 at 13:17
-
Please [edit] your question to show what research you've done and any attempts you've made. – Heretic Monkey Nov 08 '21 at 14:30
1 Answers
1
Include a tag at the text you wish to scroll to:
<a name="scroll_position=67"></a>
The url needs to read: www.myawesomesite.com/inventory#67
When the page loads run the following javascript:
function scrollTo(hash)
{
location.hash='#'+hash;
}
sanepete
- 979
- 9
- 28