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

25 great comment(s) for this post

1. 

   gmiky 5:56 am 17/02 of 2012

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

   Reply
2. 

   beckham7england4ever 6:53 am 17/02 of 2012

   Thanks for the tutorial :)

   Reply
3. 

   redheart419 7:01 am 17/02 of 2012

   this will give a animated scrolling effect…

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

   Reply
4. 

   ZeTFTW 7:59 am 17/02 of 2012

   Also, not sure if it was just me but Internet Explorer was having a problem with $(document).scroll() so I changed it to $(window).scroll() and everything works fine now.

   Reply
5. 

   ZeTFTW 8:31 am 17/02 of 2012

   pretty much only one line to fix the resize() problem :)

   Reply
6. 

   okush69 8:36 am 17/02 of 2012

   do you post the code from tutorials somewhere? i went on your website but couldn’t find it. I really need to check my code and fix it, something is wrong. please put the code up on the website or somewhere else

   Reply
7. 

   billytalent1fan24 9:28 am 17/02 of 2012

   I love PHP and I love phpacademy, awesome tuts :)

   Reply
8. 

   terre0jk 9:57 am 17/02 of 2012

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

   Reply
9. 

   nobodyplays 10:32 am 17/02 of 2012

   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 :)

   Reply
10. 

    stheodosiadis 11:08 am 17/02 of 2012

    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!

    Reply
11. 

    jerneje 11:18 am 17/02 of 2012

    thx.

    Reply
12. 

    subs2meplease 11:25 am 17/02 of 2012

    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!

    Reply
13. 

    reconhungary 12:14 pm 17/02 of 2012

    cool tutorial :) Thx!

    Reply
14. 

    alokyadav15 12:34 pm 17/02 of 2012

    please … make your text size large so we can see better
    nice tutorial alex

    Reply
15. 

    blueprint7000 1:31 pm 17/02 of 2012

    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..

    Reply
16. 

    MrKoolTutorials 2:06 pm 17/02 of 2012

    @phpacademy Ok Thanks.

    Reply
17. 

    zarkmeher 2:24 pm 17/02 of 2012

    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

    Reply
18. 

    nishantve1 3:17 pm 17/02 of 2012

    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!

    Reply
19. 

    serchan13 4:05 pm 17/02 of 2012

    nice tut ;)
    I would recommend using console.log instead of alert :)

    Reply
20. 

    PaT07M 4:30 pm 17/02 of 2012

    Thank you very much for those (jQuery) tutorials! Keep going, please.

    Reply
21. 

    mclaarson 5:20 pm 17/02 of 2012

    thank you Alex!

    Reply
22. 

    phpacademy 6:03 pm 17/02 of 2012

    @mvb1996 Thanks for the feedback. Yes, I’ll increase the font size for future videos.

    Reply
23. 

    phpacademy 6:54 pm 17/02 of 2012

    @MrKoolTutorials A tutorial on this soon, don’t worry!

    Reply
24. 

    chad362wiley 7:03 pm 17/02 of 2012

    Under 300 ;)

    Reply
25. 

    nickmokisasian 7:32 pm 17/02 of 2012

    Thanks. But its trippy cos you use the word “this” a lot :)

    Reply

Your opinion matters. Add it below.