Creating a floating back to top button that appears as users scroll down your page. WEBSITE phpacademy.org FORUM http TWITTER twitter.com FACEBOOK www.facebook.com
Other Related Blogs
25 Responses to “jQuery Tutorials: Floating Back To Top Button Plugin (Part 2/2)”
Leave a Reply
Get Immediate Access to My Profitable Home Business Opportunity
Simply Complete
the form below and I will take you inside my business and
show you how you too can get the lifestyle
you deserve.
thanks
Thanks. But its trippy cos you use the word “this” a lot
Under 300
@MrKoolTutorials A tutorial on this soon, don’t worry!
@mvb1996 Thanks for the feedback. Yes, I’ll increase the font size for future videos.
thank you Alex!
Thank you very much for those (jQuery) tutorials! Keep going, please.
nice tut
I would recommend using console.log instead of alert
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!
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
@phpacademy Ok Thanks.
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..
please … make your text size large so we can see better
nice tutorial alex
cool tutorial
Thx!
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!
thx.
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!
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
you are the best alex,, Iam from iraq and I have nearly watch all your videos ,, thank you man ,
I love PHP and I love phpacademy, awesome tuts
Or you could od it simply with div id tags and a href…..
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
pretty much only one line to fix the resize() problem
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.
this will give a animated scrolling effect…
element.click(function() {
$(‘html, body’).animate({scrollTop:0},speed);
});