jQuery Tutorials: Floating Back To Top Button Plugin (Part 2/2)

Official site

Twitter

[subsmeplease]

Alex this is such a brilliant tutorial. I've been using jQuery for over a year now, and I've never actually created my own plugin before. I have so many new ideas for my website now, thanks so much!

[JAAFARKHALEEL]

you are the best alex, , Iam from iraq and I have nearly watch all your videos, , thank you man,

[nishantve]

Hey Alex please zoom in a bit while writing the code . Ctrl+MouseWheelScroll Zooms in automatically in Notepad++ just in case you didnt encountered this . As always the Tutorial was Awesome!

[zarkmeher]

alex thanks for a awesome tutorial
would you please show us how to put a animation effect when we click on the button and it goes up
please

[mvb]

As always, a wonderful Tutorial, Thank you for that!
But I think your old resolution of 480p was better because there I could see everything without maximize the video!
But now I can't copy and look at the video at the same time.. Now I have to switch between the windows!
Thats my opinion. If I'm not the only, could you make to font-size larger?
Best regards, Thank you for the beautiful tutorials!

[gertsalvet]

Nice one! Liked that You did it as plugin. I'm sure I'll use it soon in my projects.
Next tutorial suggsestion: *how To Make that Plugi Scrolling "Visible". What about that?
Keep going :)

[JuanPollacchi]

How do you do the dynamic centering? I thought about:

this_.css({
'margin':'0px auto;'
});

But it doesn't work... =(.

Can someone help me on this?

Thanks.

Great tutorials BTW!!

[blueprint]

All the above is interesting...I had that in my site.. but in some point you want to simplify things and make your js file smaller.. So now i have a button at the bottom with id='gotop' and only the following code

$('#gotop').click(function(){
$("html, body").animate({ scrollTop: 0 }, "slow")
});

And that does its job..

[gmiky]

can we get the source files? it would really speed up the learning process.

[stheodosiadis]

It doesn't want for me -.- I don't know what I am doing wrong, I am SURE 100% that my code is written CORRECTLY!

[redheart]

this will give a animated scrolling effect...

element.click(function() {
$('html, body').animate({scrollTop:0}, speed);
});