Free WordPress Plugin : Scroll To Top Plugin

In our previous article “How To Integrate jQuery Scroll To Top Control in WordPress“, has described how to integrate a jQuery scroll to top control in wordpress manually. If you have trouble with tuturial we’ve made and want to immediately apply scroll to top control on your wordpress site. Now we’ve made the plugin “Scroll To Top Plugin”.

Scroll to top plugin

Scroll to top is a button that hovers in the bottom right corner of your screen that allow users to smoothly scroll right to the top of page, making a website more user friendly.

Credits : Thanks to Dynamic Drive for this great script, we add plugin function so that more easy to use in wordpress.

Features

  • Easy to use
  • Panel option, to customize :
    • Image button
    • Scroll speed
    • The button appears
  • Compatible in wordpress 2.8.x and 2.9.x
  • Run smoothly for all browser

Demo

Scroll the page down (at least 350 pixels) to see a “Scroll to Top” control appear at the lower right of the window.

Download

  scrolltotop.zip (8.1 KiB, 6,071 hits)

[starrater tpl=10]

Installation

  1. Download the plugin (see “Downloads” above).
  2. Decompress the .zip archive and put the scrolltotop folder into your plugins directory (/wp-content/plugins/).
  3. Activate the plugin in the WordPress Plugins admin page.

activateplugin

Questions (Q) and Answers (A)

  1. Q : How do I change the button image?
    A : In your wordpress admin page > Settings > Scroll to Top, fill with url link the form “link to your to top button image”.
  2. Q : How do I set the scroll speed?
    A : Still in Scroll to Top settings page, fill the form “Scroll Speed (in milisecond)” with the number that you like (our default is 800 milisecond)
  3. Q : How do I set the number of pixels the user’s scrollbar should be from the top of the page before revealing the control?
    A : Still in Scroll to Top settings page, fill the form “The button appears after page scrolled down to line” with the number that you like (our default is 350 pixels).

Scroll to Top Options

Version History and Changelog

1.0 (2010-03-08)

Initial release

1.1 (2010-03-10)

fixing IE problem

Guaranteed exam preparation with up to date testking 642-902 study materials, testking 220-701 barindumps and testking N10-004 practice questions!

Have a dynamic TV experience when you use the satellite receiver decoder and dish satellite receivers favored byt the dish network reviews at SatelliteDish.tv, home of the best satellite tv reviews!

62 Comments to “Free WordPress Plugin : Scroll To Top Plugin”

Add Comments (+)

  1. Austin says:

    Thanks a lot for this great plugin. I’ve installed it on my site. Check it out http://www.theorangepaper.com

  2. Podarkis says:

    Thanks for information.

  3. CMS Hype says:

    Report Problem when installing on WP 2.8.4 via admin panel

    Downloading install package from http://downloads.wordpress.org/plugin/scroll-to-top-plugin.zip.
    Unpacking the package.
    Incompatible archive PCLZIP_ERR_BAD_FORMAT (-10) : Invalid archive structure

    • dwi says:

      we fixed it soon………….thanks for your input

    • reza says:

      thx for the report

      yes, we’re currently having problem when uploading the plugin to wordpress.org
      this cause the plugin cant be installed via admin panel

      you can download the plugin from our site and there wont problem installing via admin panel

      btw, i’ve seen your site and you already use the plugin :D

      regards

  4. CMS Hype says:

    Hahaha..
    You’re right Reza.. and Dwi
    Anyway thanks to DW

  5. Austin says:

    For some reason, this plugin does not work for my site (www.theorangepaper.com) when using the Internet Explorer browser. I even checked out the cmshype.com website who have installed your plugin (refer their comment above) even for their site I cannot see the ‘Top’ icon in Internet Explorer browser.

    Any ideas?

    Thanks,
    Austin

  6. Roger says:

    Hi Reza!

    THANK YOU very much for your great plugin!
    Yes it’s very useful and very well written but a few problems concerning the packaging (RAR) and WP download. Nothing serious but can be confusing. I guess you were already celebrating the plugin when you decided to compact it :-)

    There were 2 rar one inside the other and the name of the plugin when decompacting was scroll-to-top-plugin which provoked some path error concerning the image folder. The default image could not be found.
    Anyway I renamed the plugin and had to change a few things manually. Now I just downloaded the version on top of this article and it seems you’ve corrected the problem.
    So just need to check the version available in the Worpdress Directory as it was until now the older version.

    One thing I tuned is the position of the arrow icon.
    I found the icon to be in the extreme right bottom and a bit far away from the usual navigation we have with the mouse. So I slightly changed the default position:
    from {offsetx:5, offsety:5}
    to {offsetx:40, offsety:15}

    Thanks again for the great plugin!

    Roger

    • reza says:

      Thank for your kind words Roger and glad You like it

      yeah, this plugin is very usefull
      before, i had created Joomla version of this plugin and i saw people liked it,
      I thought wordpress users would liked it too

      there’s difficulty uploading new version of the plugin to Wordpres directory
      we’re not use to using svn program for uploading
      but we’ll keep trying

      btw
      wait for our next plugins :D

  7. Roger says:

    Thanks Reza for your answer and when you say “btw, wait for our next plugins”….huuumm
    FOR SURE I will be interested!!! :-)

  8. What you write plus the great observations already made before I get around to reading not to mention commenting, result in me feeling like I need to say something profound.

  9. Shodan says:

    Still this bug is not fixed right?

    Unpacking the package.
    Incompatible archive PCLZIP_ERR_BAD_FORMAT (-10) : Invalid archive structure

  10. Hanish - nhit.in says:

    Nice Plugin

  11. herve says:

    Thanks a Zillion!
    This is the most beautiful, smart and useful navigation plugin ever. I really, really Appreciate deploying it on my websites.
    So cool!

  12. L4NiK says:

    Плагин переведен для русскоязычных пользователей, скачать можно по ссылке
    русский плагин ScrolltoTop
    It’s for russian language users)

  13. Thanks for this awesome plugin..works well!

  14. Himanshu says:

    great plugin. i ‘ve tried a lot off but this one is the best

  15. Indovision says:

    I have the plugin installed and working. Thanks

  16. Jaja says:

    Hi ES, I’ve created a post about it (not much words, though)

    Hope you like it.

    Here’s the link: http://www.jajamasorong.com/?p=364

    Just tell me if you want some changes :-)

    Don’t worry, I placed a link bank to your site.

    Thank you so much!

    -Jaja

    P.S. I’m using the plugin right now! :D Thanks for this one!

  17. Hostgator says:

    Great post, thanks. Where is your contact details though?

  18. nino says:

    very nice and useful plugin, i like it

  19. manuela says:

    I have the plugin installed! very useful!!!
    Here’s the link:http://www.maskaras.it/
    Thanks

  20. Hello!

    Thank you very much, I use it on my blog http://www.pavlenko.co

    I only changed image, file encoding to UTF-8, because when I typed ALT in my language it was not supported ;)

  21. Navjot Singh says:

    Please fix the plugin on Official WordPress Plugin repository. Currently its impossible to install it from the official repository coz you have by mistake uploaded the plugin as a zip file inside another zip file. Please fix the issue on the repository.

    Also fix the version number of the plugin in the file. Its mentioned as v1.00 whereas it should be 1.0 only. This is causing the WordPress to show false plugin upgrade notices.

  22. Navjot Singh says:

    Ok…even the plugin doesn’t work at all in WordPress 3.0.2..please fix it.

  23. soren says:

    Hello!

    Is it possible to also make the opposite “scroll down” with a second image for the function?

    Thanks
    Soren

  24. Md. Shariar says:

    So that’s it what I am looking for a long time. Thanks to the plugin creator.

  25. amin says:

    Hi,i want to know how do I translate your plugin in my lanugaue.I made file by Poedit and called it “scrollto-top_IR.po” but after searching for string and translating theme,it didnt make any differences.Is there any problem with the name of translating file?

  26. Sto ancora nulla è sentito

  27. LeFTAYRI says:

    hi,

    Thank you for the useful plugin, but the html control is not working , i insert an div tag with id=”controltop” but i dont see any button.

    How to disable the script control and enable the html one ?

    thx

  28. stathis says:

    Hi, very helpful plugin, but does not works with Firefox (with all updates), Chrome, Safari for windows. It work with IE9 and Opera for windows, thanks

  29. stathis says:

    hi, do you think you can fix it?

  30. stathis says:

    my website is on wp 3.1

  31. Logan Brakke says:

    Simply desire to say your article is as amazing. The clearness in your post is simply cool and i could assume you are an expert on this subject. Fine with your permission let me to grab your RSS feed to keep up to date with forthcoming post. Thanks a million and please continue the gratifying work.

  32. Wow that was unusual. I just wrote an extremely long comment but after I clicked submit my comment didn’t show up. Grrrr… well I’m not writing all that over again. Regardless, just wanted to say superb blog!

  33. Ziya says:

    Really good plugin. Thanks for bringing this plugin to us!

  34. Let us just blash it now, should we.

  35. Tony A says:

    Great plugin, elegant and simply but extremely useful. Can’t get better than that! Thank you.

  36. Patrick says:

    this is what i get when i try to install it

    The plugin does not have a valid header.

  37. mark says:

    Hi, great plugin. works really smoothly. Is there away of only showing on posts and not all pages?

  38. markus says:

    thanks! great plugin! the plugin work also in multiuser mode.
    however, i have created a mouseover/out animation for the plugin… just put the following code after the (and the init:function…):
    togglecontrol:function(){

    },

    overFadeIn:function(){
    var scrolltop=jQuery(window).scrollTop()
    if (scrolltop >= this.setting.startline){
    this.control.stop().animate({opacity:1}, this.setting.fadeduration[1])
    }else{
    this.control.stop().animate({opacity:0}, this.setting.fadeduration[1])
    }
    },

    overFadeOut:function(){
    this.control.stop().animate({opacity:0.3}, this.setting.fadeduration[1])
    },

    afterwards put the mouseover/out code after the .click(function(){mainobj.scrollup(); return false})…
    .mouseover(function(){mainobj.overFadeOut(); return false})
    .mouseout(function(){mainobj.overFadeIn(); return false})

    it works pretty well!!
    http://www.ichno.com/2011

    cheers
    M

  39. It must have put a lot of work to do this site.It is useful for me.

  40. ganang says:

    terimakasih sudah menginformasikan postingan yang saya cari. good posting, n i hope you visited back me..! :-)

  41. Jikwir09 says:

    Terimakasih atas pluggin scroll To Top nya, bekerja dengan baik.

    Salam

  42. Rob says:

    Hi, is there a way I can add a Google Analytics onclick event. I have tried adding it to both the img and div elements (and escaping the quotes) but the image then doesn’t appear. This is what I’m using…

    onclick=\”_gaq.push(['_trackEvent','category','action']);\”

    Is there any way I can get this working?

    Thanks in advance.

  43. Ping Nuts says:

    Does this WP plugin have a side effect on SEO?

  44. radovan says:

    Thanks a lot. I have it already on my web. May I a question ? I would like to have the button near the page body not on the right very bottom. Is it possible to set it ? txhk

  45. Kai Fuchs says:

    Great Plugin. Sorry if I’m being impolite… Is there a way to have a “scroll down” button too?

  46. dreamrider says:

    Not works on WP v.3.3 anymore… :(

  47. Sheshnath says:

    Awesome will sure install this one on my site as well.

  48. Ольга says:

    Спасибо, за плагин. установила. Правда кнопку нужно поменять в тон темы. Но уже буду работать дальше.

Trackbacks/Pingbacks

  1. How To Integrate jQuerry Scroll To Top Control in Wordpress | DynamicWP
  2. Wordpress Automation Tools « WPautotools
  3. WordPress Plugin Releases for 03/11 « Weblog Tools Collection
  4. WordPress Plugin Releases for 03/11 | Son Of Byte - Web Design & Development
  5. WordPress Plugin Releases for 03/11 : | BlogCash4You
  6. Weblog Tools Collection: WordPress Plugin Releases for 03/11 « Wordpress Experts Developers – Wp1stop
  7. WordPress Plugin Releases for 03/11 - Programming Blog
  8. uberVU - social comments
  9. WordPress Plugin Releases for 03/11
  10. WordPress Plugin Releases for 03/11 | gazzan.sixserve.com
  11. وردپرس: پیمایش به بالای صفحه با افزونه Scroll To Top
  12. Desplácese hasta plugin arriba
  13. jQuery Plugin: Scroll to Top « Design Define's Blog
  14. Scroll To Top Plugin for Smoother Scrolling in Wordpress | Wordpress Guide
  15. wp-popular.com » Blog Archive » Scroll To Top Plugin | DynamicWP
  16. Top 3 Scroll to Top jQuery Wordpress Plugins
  17. Plugin Ciptaan Anak Bangsa : Scroll To Top | Tutorial Wordpress Pemula | Tips Trik SEO | Tips Blogging
  18. Scroll/back to top plugin for wordpress blog | SENSEHOW.COM
  19. Scroll To Top Plugin | Blogging Tips on Making Money Online
  20. Wordpress | Ask Hybel
  21. Redizajn portfólia | weblok
  22. Tutorial Memasang Plugin Scroll To Top Di Wordpress | wazy84[dot]com
  23. Scroll to Top of Page « John Charlton Web Design
  24. 几个jQuery滚动到顶部(Scroll to top)插件 | CTOSPACE.COM
  25. 几个jQuery滚动到顶部(Scroll to top)解决方案 | 王雄斌的个人博客站
  26. 非插件实现回顶部的方法
  27. Кнопка вверх на сайте с wordpress - варианты изготовления | Деньги в сети
  28. 7个jQuery滚动返回顶部插件 | SKY
  29. 几个jQuery滚动到顶部(Scroll to top)解决方案 | 过客
  30. jQuery滚动到顶部(Scroll to top)解决方案 | 网页碎语
  31. 几个jQuery滚动到顶部(Scroll to top)解决方案 | 流年似水
  32. 几个jQuery滚动到顶部(Scroll to top)解决方案 | 今日博文丨分享最新资讯丨专注于网络丨廖泾华
  33. 几个jQuery滚动到顶部(Scroll to top)解决方案 « 前端+ htmlcsshome
  34. 几个jQuery滚动到顶部(Scroll to top)脚本与wordpress插件 | 蓝梦网络
  35. 几个jQuery滚动到顶部(Scroll to top)解决方案 - 手机哥儿的仓库 | 手机哥儿的仓库
  36. Scroll to Top Button : l’extension qui permet de remonter en haut d’une page en un clic ‹‹ Design Mon Site
  37. 几个jQuery滚动到顶部(Scroll to top)解决方案 | 聆听寂寞的声音

Leave a Reply

 

Amazingly Beautiful WordPress Themes