jquery help with back to top

Question

why is this not working?

<script type="text/javascript"> jQuery.noConflict(); jQuery(document).ready(function(){ if( jQuery(".page").height() < jQuery(window).height() ) { jQuery(".backtop").hide(); } else { jQuery(".backtop").show(); } }); </script>

I'm using two frameworks, mootools and jquery. I don't know how to use mootools and it must be there. I know a little of jquery and just want the "back to top" button to appear when the body (.page) is bigger than the window.

Can anybody help me???

EDIT: CAN ANYONE GIVE ME A MOOTOOLS SIMILAR SCRIPT?????

have you tried if(jQuery(document).height() < jQuery(window).height()) { ... }? — Bojangles
– Bojangles, Commented Aug 29, 2011 at 0:28
The only things I can recommend now are to print (with console.log()) jQuery(".page").height() and jQuery(window).height() OR create a test page with Mootools removed. There's a slight but possible chance of a conflict between the two libraries. — Bojangles
– Bojangles, Commented Aug 29, 2011 at 0:59

sathis · Accepted Answer · 2011-08-29 16:08:21Z

http://jsfiddle.net/yyEPR/

This code works.I copied the code from http://briancray.com/2009/10/06/scroll-to-top-link-jquery-css/

Mindfulgeek · Accepted Answer · 2011-08-29 16:26:47Z

Is .backtop a class or the id of the element? to access the id try $("#backtop").hide();

Good luck and HTH. -- Joe

Collectives™ on Stack Overflow

jquery help with back to top

2 Answers 2

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Related