Dynamic To Top WordPress Plugin

Current version: 2.1 3/16/10

— After some requests I decided to update* and wrap UItoTop into a plugin for WordPress. This plugin automatically adds a dynamic “To Top” button to easily scroll long pages back to the top. This way is much more simple to add the functionality to a theme as it only involves uploading and activating the plugin.


update: settings panel added to adjust configuration to each project needs, also option to select image or text based version.

→ Dynamic To Top: Plugin on WordPress Website | ↓ Download

Installation

  1. Download “Dynamic To Top” from the link above and unzip the files somewhere on your computer.
  2. Upload “dynamic-to-top” folder into your plugins directory.
  3. Activate the plugin.
  4. Have fun!

* Big thanks to Rémy Tourbiez for his contribution to the code.

Tags: , , ,

Thursday, March 4th, 2010 WordPress

→ If you find this post useful please consider inviting me a cup of tea :) Thanks!

Interested in SSCP? Pass your 000-102 exam on first try guaranteed with help of adobe certification dumps.

40 Responses to “Dynamic To Top WordPress Plugin”

  1. thanks for this tip i will try this plugin …
    good luck with your projects and music :)
    and nice to see made on a mac :)

    Vic

  2. zauberer on March 7, 2010.
  3. Hi Vic, thanks very much for the nice comment! :)

  4. Matt on March 7, 2010.
  5. This plugin would be really useful and helpful for my blog readers. Thank you.

  6. Fauzul on March 7, 2010.
  7. Thanks for the comment Fauzul, glad you found it useful :)

  8. Matt on March 7, 2010.
  9. Do you have a demo that is active, I don’t see it enabled on your website?

  10. Susan on March 8, 2010.
  11. Hi Susan, you can see a live example here http://lab.mattvarone.com/projects/jquery/totop/
    cheers!

    update: plugin enabled on this website ( scroll down to demo )

  12. Matt on March 8, 2010.
  13. Thanks for this plugin!

  14. ChrisR on March 8, 2010.
  15. Just have to say that I’m using it on my site… great little plugin. Well done my friend.

  16. Karl Foxley on March 9, 2010.
  17. thank you my friend! i like it and will use it!

  18. igotsoul on March 9, 2010.
  19. I’m using it on my site.. and i’m lovin it :) big up!

  20. 010fuss graffiti on March 11, 2010.
  21. I installed this plugin today and it worked for an hour or so and then stopped working. I checked my plug in page and it says it’s activated…but it’s not working. I deactivated it and then reactivated it again…but with no luck..any suggestions?

  22. Debbie on March 12, 2010.
  23. i just wanted to thank u for this plugin

  24. George on March 13, 2010.
  25. Hi Matt!

    Very NICE plugin you did there!

    Although there already are several WP plugins adding a scroll to top function, yours is really GREAT.
    Do you know why?
    Because yours is the ONLY one that has clean code.

    I have tried 2 other similar plugins:
    1- http://dynamicwp.net/plugins/scroll-to-top-plugin/
    2- http://htmlblog.net/wp-to-top/

    The no1 is recent and although it works, it seriously degrades your page. I had a clean “green” validated page (http://validator.w3.org/) but activating the plugin generated about 14 errors!

    The no2 is older and not only degrades the page but the pink(!) square is constantly blinking as soon as you scroll even for 1 millimeter. VERY tiring!

    Finally there is yours
    - which does NOT degrade the page code. I rechecked my page after plugin activation (http://validator.w3.org/) and there were not a single error.
    - has a nice smooth on the eyes button icon

    So CONGRATULATIONS!

    Yeah I know some guys will say they don’t give a damn about page validation or clean code as far as it works. But they’re wrong although it would be too long to say here why they’re not right at least in terms of SEO and visibility.

    Now for the future versions, 1 or 2 options would be HIGHLY appreciated:
    - Possibility to tune the speed of the scrolling (speed to go to top) via WP Dashboard/Settings
    - Possibility to tune WHEN (how many lines) the icon appears via WP Dashboard/Settings
    - Possibility to add our own icon pic via WP Dashboard/Settings

    Ok so it’s a lot and between your job, your busy weekends performing music (I did too), it might be difficult to find the time. Still you could first try the 2 plugins I mentioned, it could give u ideas and save time.

    Then from GREAT, your plugin would become AWESOME even TERRIFIC :-) :-)

    THANKS AGAIN for all the job and keep up the great work!
    Cheers!!!

    Jimmy

  26. Jimmy on March 15, 2010.
  27. hey jimmy thanks very much for the nice comment, glad you found it useful. I planned to do an upgrade and this encourages me to do it sooner so thank you for that too, will keep in mind for the next update. keep well!

  28. Matt on March 15, 2010.
  29. Hi Matt,

    You’re welcome! Thanks for your comment too :-)

    I just found an easy solution to the script “tuning” I was referring to in my previous comment.
    It might help users reading this page:

    Just need to go in WP Dashboard/Plugins/Editor/
    Select Plugin to Edit: Dynamic to Top
    Click on “dynamic-to-top/js/jquery.ui.totop.js” link

    Then you can see the code and tune the 2 following parameters:
    - Increasing the value after min: (default is 200) makes the icon appearing later.
    - Decreasing the value after scrollSpeed: (default is 1200) makes the page scrolling back faster

    This small tutorial could also be added in the readme.txt attached in the plugin and be an alternative to the complex work I was suggesting in my previous comment.
    I feel a bit sorry to have asked so much…Anyway u will see Matt.

    Hope this helps (at least beginners) :-)

    THANKS again Matt!!!
    Jimmy

  30. Jimmy on March 15, 2010.
  31. Hi Matt,

    Thanks for this plugin. Just a quick question, can we change the image or have it say something like “click here to scroll to the top”? I know it seems obvious (it is to me) but I’d like to think some of my visitors aren’t exactly “web savvy”. Hope that doesn’t sound condescending but you know what I mean, it’s better to assume people will miss the obvious and point it out for them lol.

    I guess I should just install it and change the image/css. Is it that simple?

    Cheers

    Scott

  32. Scott on March 15, 2010.
  33. For some reason, I can get it to work on some sites, but on my blog it doesn’t link. It shows up as you scroll down, but the link is never present. I’m assuming there’s something either missing or in my theme that’s messing with it. Any idea what it might be?

  34. Shane on March 16, 2010.
  35. Hi,

    I was using version 2.0 and got the upgrade notice so I upgraded and it stopped working. So I deleted and re-installed but still no-go. Any ideas. PHP is ver 4.

    thanks,
    alan

  36. Alan Pae on March 16, 2010.
  37. Great plugin, I’ve installed it on my blog & just love it. One thing that always puzzling me is that a lot of wp plugin developers didn’t use their own plugins that they developed on their own sites..wondering what’s the reason..

  38. Eric Chan on March 17, 2010.
  39. Upgraded to PHP version 5 and it solved the issue.

  40. Alan Pae on March 17, 2010.
  41. Great plugin, I’ve installed it today on one of my site but tuned a bit the button’s position to better suit the theme.
    I slightly changed the value in the css (bottom and right). Now it fits perfect.
    Just thought that 2 lines could be added later in the settings panel. Something like:
    - offset position X (horizontal): px (default is 10)
    - offset position Y (vertical): px (default is 10)
    Although it might be complex to add that.
    Anyway not a big deal, it’s already the best plugin of its kind :-)
    THANKS!

  42. Rainbow on March 18, 2010.
  43. @alan, glad to hear that, and yes plugin is written for PHP5 only.
    cheers!

  44. Matt on March 18, 2010.
  45. Hey, glad to hear that thanks Rainbow, will keep in mind for future upgrades :)

  46. Matt on March 18, 2010.
  47. @eric plugin activated over here! to share some light, i have no problem on using them here of course, I honestly make most of these things to improve or ease my work and I like sharing them after since I know some of them can come handy to others, but i don’t feel the need to have all I share activated here on this blog, im not selling any product here, this blog only serves the porpoise of sharing the information. well hope that clarifies and not the other way around :)

  48. Matt on March 18, 2010.
  49. Hi, as v2.1 is no more compatible with php4 it will be better to indicate it… it will help php4 owners not to upgrade it and to keep a functional plugin :-D (and at least you will avoid broken version on WP plugin center).

  50. NietPlusUltra on March 21, 2010.
  51. Thanks, can i change the image?
    if yes, how can?

  52. Anup on March 23, 2010.
  53. Nice Job. I have installed and works just fine! But i would like to customize a little the text button. Possible to make the text background colour transparent?

  54. Luiz on May 10, 2010.
  55. Great plugin and works perfectly with my new theme. I had a ‘return to top’ scroll function previously which was an integral part of the Auroral theme. I have been looking for a similar function for my new site since. I’ve tried other plugins and found this to be the best, good work thanks.

  56. Alan on May 25, 2010.
  57. Cool job!

    Is it possible to point the button to a more specific location (the Table of Contents for example) instead of going all the way to the top ?
    cheers

  58. Yann on May 31, 2010.
  59. Wow. This is the best ever ‘Back to top” plugin after a long search in the net. Thank to the creator and the blog owner for this. It works perfectly and I’m using it now in my blog. Thanks again.

  60. Andimazlan.com on June 2, 2010.
  61. Nice plugin!!!!!!

  62. Javier Hernandez on June 4, 2010.
  63. One of the best plugins i’ve used to date. Customised it for my site and works brilliantly. Many thanks to you

  64. Adie on June 7, 2010.
  65. Great plugin, I do love it. However, it’s conflicting with some of my other JS code (and your plugin no longer works). I’m using Highslide for WordPress Reloaded, Contact Form 7, & Xajax. I didn’t think any would conflict, but I turned off all 3 just to see if that would help, but no luck. Any Idea of how I can fix this problem?

    Thanks in advance

  66. alyda on June 8, 2010.
  67. very nice mate..:)

  68. Ron on June 30, 2010.
  69. Hi Matt,
    i would also like to thank you for this plugin.It works perfectly on my current theme.I recently purcased a WP premium theme called Smart Blogger and ,unfortunately,it doesn’t work with it.I suppose there’s a tiny part of the code that needs to be changed …I tryed to contact the author of the theme but so far no luck.I know it’s a long shot but…i would appreciate any info or suggestion. Thanks in advance!!!

  70. Boogie on July 16, 2010.
  71. i just wanted to thank u for this plugin.

  72. Daniel on August 5, 2010.
  73. Hi Matt,

    Thanks a lot for your plugin. I’m using it on my blog… wouldn’t have been able to make something so beautiful and unobtrusive by myself.

  74. Benjy on August 24, 2010.

Leave a Reply

About Me

Matt Varone - Matias Varone - sksmatt
HI there,

I'm a freelance creative web developer, UI designer and hobbyist musician.

Twitter Status

Flickr Gallery

    Blue WallClutter drawerCS4 Replacement iconsCS4 Replacement icons