shin 6/22/2009 9:48:03 PM #

Thanks for the update.
I wonder how this plugin can take for easyIn and easyOut both.
The example above is only for eayOut. Can I specify the easyIn as well?
If so, how can I do it?

GreyK50 6/23/2009 3:06:29 AM #

Thanks for the update man.
Keep up the great stuff

Jason N. Gaylord's Blog 6/23/2009 10:07:57 PM #

Trackback from Jason N. Gaylord's Blog

The Technology Post for June 23rd, 2009

ASPInsiders 6/23/2009 11:04:18 PM #

Trackback from ASPInsiders

The Technology Post for June 23rd, 2009

Jeroen 7/7/2009 1:48:53 PM #

Very nice plug-in, but for a strange reason it just doesn't work! It doesn't even work in the example you can download. On your website it DOES work. Very strange, but I just get an anchor link, linking to the top(But without getting a previous in my history, so previous doesn't redirect to that part of the website)

Is there any way it could work or anything? Doesn't work in Safari 4, or FF 3. But on your site it does work.

maxpower9000 8/12/2009 4:50:44 PM #

Thanks a lot for your great idea! I implemented it right away. Then fiddled around with it, added Ariel Flesler's scrollTo-plugin to it. Got it run nicely, and then through it all overboard again ;o) I condensed it to a version I actually need:

This is the trigger-link: <a id="toTop" href="javascript:"></a>

I use the href="javascript:" to prevent the fake reload/flicker that sometimes occurs if one just uses href="#".

The jquery-code:
$("#toTop").html('<img src="images/totop.png" alt="totop" width="41" height="44" border="0">'); // Adding content to the trigger-link
$("#toTop").attr("title", "Back to the Top"); // Adding a title-attribute
$("#toTop").click(function() { $("html, body").animate({scrollTop: 0}, 2000, "swing"); }); // binding the click to the trigger-link, and scolling to the top using animate() and it's implemented easing effect "swing"
$(window).scroll(function() { // binding the scroll event
if($(this).scrollTop() < 450) $("#toTop").fadeOut("slow"); // hide the trigger-link if we reach less than 450px
else if($(this).scrollTop() > 700) $("#toTop").fadeIn("slow"); // show the trigger-link if we progress bejond 700px
});

I'm not sure if it's good code, but it works for me as of now. Tested in FireFox and Chrome. Thanks again for the cool idea!

suman 8/14/2009 12:21:09 PM #

this works fine on all except opera...........any solutions????

i modified:
{$("html, body").animate({scrollTop:"0px"},speed,ease);});}});
to:
{$("html").animate({scrollTop:"0px"},speed,ease);});}});

then i again got a problem. the stopped working on safari and chrome

Paul 10/20/2009 4:22:12 PM #

Is there any way to have this show up on a specified page position, say after 1200 pixels?
Thanks, other than that it works great.

JoblessPunk 10/29/2009 7:19:33 AM #

I have the same question/suggestion as Paul.

Is there a way to adjust when the "to top" button will appear?

Thanks.