Detect click in a div and put that div at top on page reload
I know, the Subject is a mouthful, so I'll explain:
The photo gallery (Coppermine) for a client of mine is entirely enclosed in a div. All files associated with the gallery load in that div. Whenever any button or link in that gallery div is clicked, however, the page reloads to the top of the Web page. The problem is that the gallery is a ways down the page and moving it up is not an option.
The first and most common solution would be to add a "name" attribute to the div and find any links that call the gallery pages and add #gallery to the call. Unfortunately that also is not an option. Doing so would be a big undertaking, as the Coppermine gallery code is
huge and altering the Coppermine code is not really desireable (customization of the gallery is mainly done by customizing a template file that the gallery loads everything on).
I hope I'm making sense so far.
Visit the gallery to see what I mean. Scroll down and click on some links and buttons. The page reloads to the top of the page every time, requiring the user to scroll down to the gallery each time the page loads.
My (extremely) limited experience with jQuery leads me to believe that I can fix this using some sort of jQuery script.
So, what I would like to do is be able to detect when any button or link is clicked that is in that div and when it is, when the page reloads, scroll the page so the gallery div is at the top of the window.
Thanks for anyone's help!