Easy Smooth Scroll Links WordPress Plugin

I provide paid WP customization Service on fiverr :

Easy Smooth Scroll Links adds smooth scrolling effect to links that link to other parts of the page,which are called "Page Anchors". This plugin will enable you to easily create Page Anchors and add smooth scrolling effect to links that point to Page Anchors,instead of "jumping" to them. Easy Smooth Scroll Links WordPress Plugin is extremely useful for setting up a menu which can send you to different section of a post.

UPDATED: Dec. 05, 2011
REQUIRES WordPress 2.6.5 and up

CATEGORY: WordPress Plugin
SIZE: 86.5KB
INSTALLS: 2756

The HTML of an anchor is something like this :

<a name="anchorname"></a>

By inserting an anchor to a certain part of the page, we are setting up an address for this section, it gets an address like this :

URL of the current page#anchorname

For example, http://www.92app.com/wordpress-plugins#features

Menu(Click the links below to see the DEMO)

Features
User Guide
Download
FAQs
Changelog

Features↑

Create Page Anchors in WordPress Visual Editor easily through either Anchor Button or shortcode
Add smooth scrolling effect to all links that point to Anchors

Download↑

Current Version V1.1 （Old versions）

User Guide↑

Set up an anchor for a section, and then link to this section on the same page with #anchorname

There are two ways of inserting page anchors.

Method 1. Use the shortcode:

For example:

Use anchor shortcode to indert anchors

Note:The shortcode is introduced in Version 1.1. If you are still using 1.0, please update to enjoy this new feature.

Method 2. Use the Anchor Button

set up an anchor

After inserting the anchors successfully,we can link to this section by choose a word and add link: #anchorname

link to an anchor

Now,click the Menu links, and the browser will smoothly scroll to the target section(the Anchor).

FAQs↑

1. Why is there no Anchor Button in WordPress visual editor?
TinyMCE Advanced or other TinyMCE Visual Editor- enhancing wordpress plugin might interfere with Easy Smooth Scroll Links WordPress Plugin,and cause the anchor button not show up. In this case, you can go to TinyMCE Advanced options page,and add the Anchor button there.

2.How can I link back to the menu like your ↑ ?
Just place an anchor on the menu and link the ↑ symbol to the menu.

3.If there’s any way to speed up the scrolling ↑ ?
Edit the number in the last line of easy_smooth_scroll_links.js,the smaller, the quicker of the scrolling. Default is 25

ss.STEPS=25;ss.addEvent(window,"load",ss.fixAllLinks);

Changelog↑

V1.0 ---16.07.2011

*First Version

V1.1 ---08.08.2011

NEW : Add Page Anchor Shortcode.
Changed : Use wp_enqueue_script function to load the script instead of the default <script> tag.

Tweet

WordPress Plugins I created:

Facebook,Twitter,Google plus one Share Buttons

Author Box After Posts :Adds an author box after your post contents.

Easy Smooth Scroll Links :Adds smoth scrollling effect to "Page Anchors".

Animated Back To Top Button :Adds an "Back To Top" button

Nofollow Internal Links :Adds the "nofollow" rel attribute to internal links

{ 14 Comments }

data recovery software reviews 2012/06/27 00:52

Very good written post. It will be valuable to anybody who utilizes it, including myself. Keep up the good work – i will definitely read more posts.

Junecg 2012/05/23 12:51

Can I edit easy-smooth-scroll-links/easy_smooth_scroll_links.js within WP in the “Edit Plugins” page? If so, how do I make it writable? Thanks!

Phil Evans 2012/03/04 13:48

Spent hours trying to get this to work with no luck
http://www.salonguru.net/test-2/

Whats odd is that the “top” link smooth scrolls but none of the others I add manually

Any help appreciated :)

Jeriff Cheng 2012/03/07 18:33: The script works in Firefox & IE. Maybe in some other browsers it breaks.

Pam 2012/02/22 18:06

Does this work across pages in Safari? There’s a bug in Safari which strips the anchor out of the URL on page reload. Hopefully…

LM 2012/02/13 11:25

Is there anyway to prevent the hashtags from loading in the URL string?

Jeriff Cheng 2012/02/19 00:55: You can look at this post: removing # hash tags from address bar If you doubt that hashtags in URL might cause SEO problems, I suggest specify a canonical URL
Learn more about canonical URL:
About rel=”canonical”

braaad 2012/02/01 04:53

Great plugin. Was wondering if there’s any way to speed up the scrolling in Internet Explorer, as it’s quite slow in IE7,8 and 9- as compared to Firefox, Safari, etc.

Thanks!