WordPress.org

Plugin Directory

Test out the new Plugin Directory and let us know what you think.

Page scroll to id

Create links that scroll the page smoothly to any id within the document.

Page scroll to id is a fully featured plugin which replaces browser's "jumping" behavior with a smooth scrolling animation, when links with href value containing # are clicked. It provides all the basic tools and advanced functionality for single-page websites, in-page navigation, back-to-top links etc. with features like:

  • Adjustable scrolling animation duration and easing (over 30 easing types)
  • Link and target highlighting via ready-to-use CSS classes
  • Vertical and/or horizontal scrolling
  • Scrolling from/to different pages (scrolling to target id on page load)
  • Offset scrolling by pixels or element selector with custom expressions
  • Insert link and target id buttons in post visual editor
  • Link-specific offset, scrolling duration, highlight target etc.

Demo (default animation duration/easing, link highlighting etc.)

Plugin resources, links and tutorials

Requirements

Page scroll to id requires WordPress version 3.3 or higher (jQuery version 1.7.0 or higher) and your theme must (and should) have wp_head() and wp_footer() functions. In some Microsoft Windows based web servers some plugins might produce an error 500 (depends on server/PHP configuration). To pinpoint the issue enable debugging in wp-config.php and check wp-content/debug.log file for relevant errors.

Quick usage and tips

  1. Install the plugin.
  2. The plugin is enabled by default on your WordPress Menu links, so you can start adding custom links and set their URL to the id/target you want to scroll to.
  3. Create id targets within your content using plugin's "Insert Page scroll to id target" button and/or shortcode (see contextual "Help" menu in plugin settings page) in post visual/text editor. Create targets in widgets areas using "Page scroll to id target" widget.
  4. Create links within your content using plugin's "Insert/edit Page scroll to id link" button and/or shortcode in post visual/text editor. You can also add the class ps2id on any existing link you want to be handled by the plugin.

For more info see plugin's basic tutorial

Requires: 3.3 or higher
Compatible up to: 4.7.2
Last Updated: 3 weeks ago
Active Installs: 40,000+

Ratings

4.9 out of 5 stars

Support

14 of 31 support threads in the last two months have been marked resolved.

Got something to say? Need help?

Compatibility

+
=
Not enough data

1 person says 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
100,1,1 100,2,2 100,1,1
100,1,1
100,1,1
100,5,5
100,1,1
67,3,2
100,1,1 100,1,1
100,1,1
100,1,1 100,1,1
100,1,1
100,3,3
100,3,3
67,3,2
100,2,2
100,1,1