jQuery ScrollEasy Plugin Examples

Download This Plugin Back To jQueryScript

Smooth, configurable anchor scrolling for one-page sites. Adjust speed, offset, easing, and hook into the completion callback — all with a single line of JavaScript.

~400 bytes minified jQuery plugin GPL v3

Configuration

Tweak the plugin options below, then click a nav link or the test button to see the effect.

Scroll Targets

Each card is an anchor target. Click nav links or these quick-jump links to scroll between them.

#target-1

Target One

This is the first scroll target. The offset setting keeps it visible below the fixed navigation bar. Try adjusting the offset slider to see how it changes the stopping position.

#target-2

Target Two

The speed setting controls how long the animation takes. At 200ms it feels snappy; at 2000ms it’s a leisurely glide. The default 800ms strikes a balance.

↑ Back to Target One

#target-3

Target Three

swing easing (the default) starts slow, speeds up, then decelerates — it feels natural. linear moves at a constant rate. Switch between them in the Settings panel to feel the difference.

↑ Back to Target One

Completion Callback

Every time a scroll animation finishes, the callback fires. Entries appear below in real time.

--:--:--Waiting for scroll events…

Legacy name Attribute Fallback

ScrollEasy falls back to <a name="..."> elements when no matching id is found. This target uses a name attribute, not an id.

Scroll to legacy name target

This box is anchored via <a name="legacy-target">, not id. If you arrived here smoothly, the fallback works.

↑ Back to Target One