'Bottom of Page' button ?

[Steve]

Hi All.

I recently added a 'Back to Top' button on our forum. Those using iPad or tablets love the idea as it saves them from scrolling back themselves. I have now been asked if there if I can put a 'Back to bottom' button. I tried modifying the code I had for the original button, and have an image that can go on, but for the life of me I can't get it to work. Is there a simply solution to this ?

I've put the piece of code I added for the 'Back to Top' button for you to see here:

<a style="position:fixed;bottom:20px;right:12px; "href="#" title="Back to top"><img src="http://i82./j261/torek_2006/aa2_zpsc351c3ce.png"/></a>



On the Forum Wrapper, in layout templates, it is on line 72, between: line 71, $[content] & line 73, $[shoutbox]

Any help would be appreciated.


Best regards,

Steve. 

[Peter]

Quite a few ways to do this, but I give you a fancy way...

<a id="tobottom" href="#"><img src="http://i82./j261/torek_2006/aa2_zpsc351c3ce.png" alt="To Bottom" title="To Bottom" /></a>

<script>

$(function(){
$("#tobottom img").css({
"-webkit-transform": "rotate(180deg)",
"-moz-transform": "rotate(180deg)",
"-o-transform": "rotate(180deg)",
"-ms-transform": "rotate(180deg)",
"transform": "rotate(180deg)"
});

$("#tobottom").click(function(e){
e.preventDefault();

$("html, body").animate({
scrollTop: $(document).height()
}, 2500);
});
});

</script>

Just place it where ever you want it to appear. I even use the same image, but rotate it

[Steve]

Thanks for the help, but it just sent the page to the top.