Hello everybody,
I've got this website consisting of a header and a two column content area. On the right side of the content area is some sort of floating list. After clicking on one item the content in the left column get's updated. As far as this no jquery/js has has been used. I really want to keep this site accessible without having JS turned on in your browser.
So, the left column consists of a DIV, overflow hidden. Clicking on one of the items in the list leads to #item1, #item2 and so on. The DIVs got the appropriate IDs.
Since there is a header and the page is to high to view it without vertical scrollbars, clicking on the inline links always causes the viewport to "jump" to the DIV (so the header is not visible anymore in this particular case).
What I want to achieve is either: A) fix the current position/coordinates of the viewport right before clicking the link or B) get the links "ID", suppress the browser to follow it, "unload" the currently visible DIV and load the appropriate new DIV. What I don't want is using scrollTo() or some other plugins causing the viewport to smoothly scroll to the DIV area.
Unfortunately I don't have a clue how to achieve this since I'm everything else than a professional JS/JQuery coder.
Any help would be appreciated. Thanks in advance.