[kaceykeleher]

I'm currently working on a clients StoreFront site, and we are using jQuery tabs to open certain information at the bottom of their pages. Basically, it tells pricing and has samples in two different tabs. As of now, if you click a tab, it opens and does not scroll to the very bottom, so there's like an inch of space they have to scroll to view it all. I'm interested in having it so that when a viewer clicks the tab, it will automatically scroll to the bottom so they do not have to scroll down to view it all.

This is what I have so far:

Code:

<script type="text/javascript">
	function toBottom(event)
	{
		var objControl=document.getElementById("audio");
		objControl.scrollTop = objControl.scrollHeight;
	}
</script>

HTML Code:

<li><a href="#audio" onClick="toBottom()"><span>Audiobook</span></a></li>

Then I have a div at the bottom of each section with an id of 'bottom' but this does not seem to work. Does anyone have any idea how I could possibly make this work?

[TwoD]

Why you have that div with id="bottom" when the script only uses an element with the id 'audio'.

That script should however scroll the 'audio' div to the bottom, as long as it has the height set.
It would be a lot easier to test what actually happens if you provide either a link to the actual page, or the complete code.

[kaceykeleher]

That's as much of the code as I can give out. For privacy purposes I am not allowed to provide everything, nor a link to the page. It is password protected and only certain people are allowed access at this time.

Can anyone provide a way to make that script work, or perhaps suggest another that may work for us?