WordPress.org

Ready to get started?Download WordPress

Plugin Directory

Page scroll to id

Page scroll to id is an easy-to-use jQuery plugin that enables animated page scrolling to specific id within the document.

The plugin replaces the default browser behaviour of "jumping" to page sections when links with href value containing # are clicked, by smoothly animating the page to those sections. You can use it for simple back-to-top links or complex, single-page website navigation and features include:

  • Auto-adjustable animation speed
  • Advanced animation easings
  • Vertical and/or horizontal scrolling
  • Links and targets highlighting via ready-to-use classes
  • Auto-adjustable scroll-to position
  • Advanced scroll-to position offset (by pixels, by element selector, link specific offsets etc.)

Demo

Requirements

Page scroll to id requires WordPress version 3.3 or higher and jQuery version 1.6.0 or higher. For older installations implement it in your theme manually.

Quick usage

  1. Install the plugin.
  2. Add rel="m_PageScroll2id" to your links that point to existing sections within your page, making sure each link's href value contains a hash (#) with the id of the section you want to scroll-to. To enable the rel attribute field in WordPress Menus, click 'Screen Options' and check 'Link Relationship (XFN)'. To enable the plugin on a menu item, click the arrow on the right of the item and insert m_PageScroll2id in the 'Link Relationship (XFN)' field.

For more information see Help in plugin settings and resources below.

Plugin Resources

Requires: 3.3 or higher
Compatible up to: 3.9.1
Last Updated: 2014-5-20
Downloads: 22,476

Ratings

5 stars
5 out of 5 stars

Support

9 of 29 support threads in the last two months have been resolved.

Got something to say? Need help?

Compatibility

+
=
Not enough data

3 people say it works.
0 people say it's broken.

0,1,0 100,1,1
100,3,3
100,1,1
100,1,1
100,1,1
100,1,1
50,2,1
100,1,1 100,3,3