I've been struggling to implement the 'scroll-sneak' JavaScript code for quite some time now. This code is designed to prevent the page from jumping to the top when an anchor link is clicked, while still allowing the link to function as intended. I'm specifically looking to stop the page from scrolling to the top when a navigation link within a table row below is clicked. The code works on the developer's demo page, but lacks detailed documentation. Any volunteers willing to help tackle this issue?
<tr id="tabs">
<th><a href="index.htm">Information</a></th>
<th><a href="plan.htm">Research</a></th>
<th><a href="councils.htm">Sources</a></th>
<th><a href="university.htm">Institution</a></th>
<th><a href="contact.htm">Contact</a></th>
</tr>
<script>
(function() {
var sneaky = new ScrollSneak(location.hostname), tabs =
document.getElementById('tabs').getElementsByTagName('th'), i = 0, len = tabs.length;
for (; i < len; i++) {
tabs[i].onclick = sneaky.sneak;
}
document.getElementById('next').onclick = sneaky.sneak;
})();
</script>
UPDATE
After encountering several issues and bugs mentioned in the comments, the accepted answer did not provide the desired behavior consistency. However, I managed to find a simple solution that works across different browsers such as IE6, FF3, QZ6, and Webkit 537.21.
(function() {
var sneaky = new ScrollSneak(location.hostname);
document.getElementById('tabs').onclick = sneaky.sneak;
})();