vx.Scroll: Smoothly Scroll to any Anchor

This is an example of using VX's Scroll object to make links scroll smoothly to their anchors on the same page. To set it up you just need to invoke the Scroll object's setupAnchhors method:

vx.ready(function() {
	vx.Scroll.setupAnchors("#theLinks a");
});

Click any of the links below to scroll smoothly to their destination. Click on the "Back to top" links to return to the top.

Paragraph 0

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec laoreet. Praesent sit amet odio vel metus suscipit suscipit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce adipiscing. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam et est quis risus ornare interdum. Mauris vitae nulla. Donec est. Morbi nec eros id lectus consequat venenatis. Suspendisse augue. Nam at erat. Nunc eget eros vel orci porta dictum.

Back to top

Paragraph 1

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec laoreet. Praesent sit amet odio vel metus suscipit suscipit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce adipiscing. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam et est quis risus ornare interdum. Mauris vitae nulla. Donec est. Morbi nec eros id lectus consequat venenatis. Suspendisse augue. Nam at erat. Nunc eget eros vel orci porta dictum.

Back to top

Paragraph 2

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec laoreet. Praesent sit amet odio vel metus suscipit suscipit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce adipiscing. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam et est quis risus ornare interdum. Mauris vitae nulla. Donec est. Morbi nec eros id lectus consequat venenatis. Suspendisse augue. Nam at erat. Nunc eget eros vel orci porta dictum.

Back to top

Paragraph 3

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec laoreet. Praesent sit amet odio vel metus suscipit suscipit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce adipiscing. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam et est quis risus ornare interdum. Mauris vitae nulla. Donec est. Morbi nec eros id lectus consequat venenatis. Suspendisse augue. Nam at erat. Nunc eget eros vel orci porta dictum.

Back to top

Paragraph 4

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec laoreet. Praesent sit amet odio vel metus suscipit suscipit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce adipiscing. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam et est quis risus ornare interdum. Mauris vitae nulla. Donec est. Morbi nec eros id lectus consequat venenatis. Suspendisse augue. Nam at erat. Nunc eget eros vel orci porta dictum.

Back to top

Paragraph 5

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec laoreet. Praesent sit amet odio vel metus suscipit suscipit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce adipiscing. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam et est quis risus ornare interdum. Mauris vitae nulla. Donec est. Morbi nec eros id lectus consequat venenatis. Suspendisse augue. Nam at erat. Nunc eget eros vel orci porta dictum.

Back to top

Paragraph 6

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec laoreet. Praesent sit amet odio vel metus suscipit suscipit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce adipiscing. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam et est quis risus ornare interdum. Mauris vitae nulla. Donec est. Morbi nec eros id lectus consequat venenatis. Suspendisse augue. Nam at erat. Nunc eget eros vel orci porta dictum.

Back to top

Paragraph 7

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec laoreet. Praesent sit amet odio vel metus suscipit suscipit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce adipiscing. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam et est quis risus ornare interdum. Mauris vitae nulla. Donec est. Morbi nec eros id lectus consequat venenatis. Suspendisse augue. Nam at erat. Nunc eget eros vel orci porta dictum.

Back to top

Paragraph 8

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec laoreet. Praesent sit amet odio vel metus suscipit suscipit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce adipiscing. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam et est quis risus ornare interdum. Mauris vitae nulla. Donec est. Morbi nec eros id lectus consequat venenatis. Suspendisse augue. Nam at erat. Nunc eget eros vel orci porta dictum.

Back to top

Paragraph 9

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec laoreet. Praesent sit amet odio vel metus suscipit suscipit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce adipiscing. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam et est quis risus ornare interdum. Mauris vitae nulla. Donec est. Morbi nec eros id lectus consequat venenatis. Suspendisse augue. Nam at erat. Nunc eget eros vel orci porta dictum.

Back to top

Paragraph 10

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec laoreet. Praesent sit amet odio vel metus suscipit suscipit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce adipiscing. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam et est quis risus ornare interdum. Mauris vitae nulla. Donec est. Morbi nec eros id lectus consequat venenatis. Suspendisse augue. Nam at erat. Nunc eget eros vel orci porta dictum.

Back to top

Paragraph 11

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec laoreet. Praesent sit amet odio vel metus suscipit suscipit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce adipiscing. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam et est quis risus ornare interdum. Mauris vitae nulla. Donec est. Morbi nec eros id lectus consequat venenatis. Suspendisse augue. Nam at erat. Nunc eget eros vel orci porta dictum.

Back to top

Paragraph 12

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec laoreet. Praesent sit amet odio vel metus suscipit suscipit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce adipiscing. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam et est quis risus ornare interdum. Mauris vitae nulla. Donec est. Morbi nec eros id lectus consequat venenatis. Suspendisse augue. Nam at erat. Nunc eget eros vel orci porta dictum.

Back to top

Paragraph 13

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec laoreet. Praesent sit amet odio vel metus suscipit suscipit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce adipiscing. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam et est quis risus ornare interdum. Mauris vitae nulla. Donec est. Morbi nec eros id lectus consequat venenatis. Suspendisse augue. Nam at erat. Nunc eget eros vel orci porta dictum.

Back to top

Paragraph 14

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec laoreet. Praesent sit amet odio vel metus suscipit suscipit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce adipiscing. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam et est quis risus ornare interdum. Mauris vitae nulla. Donec est. Morbi nec eros id lectus consequat venenatis. Suspendisse augue. Nam at erat. Nunc eget eros vel orci porta dictum.

Back to top

Paragraph 15

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec laoreet. Praesent sit amet odio vel metus suscipit suscipit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce adipiscing. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam et est quis risus ornare interdum. Mauris vitae nulla. Donec est. Morbi nec eros id lectus consequat venenatis. Suspendisse augue. Nam at erat. Nunc eget eros vel orci porta dictum.

Back to top

Paragraph 16

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec laoreet. Praesent sit amet odio vel metus suscipit suscipit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce adipiscing. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam et est quis risus ornare interdum. Mauris vitae nulla. Donec est. Morbi nec eros id lectus consequat venenatis. Suspendisse augue. Nam at erat. Nunc eget eros vel orci porta dictum.

Back to top

Paragraph 17

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec laoreet. Praesent sit amet odio vel metus suscipit suscipit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce adipiscing. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam et est quis risus ornare interdum. Mauris vitae nulla. Donec est. Morbi nec eros id lectus consequat venenatis. Suspendisse augue. Nam at erat. Nunc eget eros vel orci porta dictum.

Back to top

Paragraph 18

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec laoreet. Praesent sit amet odio vel metus suscipit suscipit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce adipiscing. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam et est quis risus ornare interdum. Mauris vitae nulla. Donec est. Morbi nec eros id lectus consequat venenatis. Suspendisse augue. Nam at erat. Nunc eget eros vel orci porta dictum.

Back to top

Paragraph 19

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec laoreet. Praesent sit amet odio vel metus suscipit suscipit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce adipiscing. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam et est quis risus ornare interdum. Mauris vitae nulla. Donec est. Morbi nec eros id lectus consequat venenatis. Suspendisse augue. Nam at erat. Nunc eget eros vel orci porta dictum.

Back to top

Paragraph 20

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec laoreet. Praesent sit amet odio vel metus suscipit suscipit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce adipiscing. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam et est quis risus ornare interdum. Mauris vitae nulla. Donec est. Morbi nec eros id lectus consequat venenatis. Suspendisse augue. Nam at erat. Nunc eget eros vel orci porta dictum.

Back to top

Paragraph 21

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec laoreet. Praesent sit amet odio vel metus suscipit suscipit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce adipiscing. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam et est quis risus ornare interdum. Mauris vitae nulla. Donec est. Morbi nec eros id lectus consequat venenatis. Suspendisse augue. Nam at erat. Nunc eget eros vel orci porta dictum.

Back to top

Paragraph 22

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec laoreet. Praesent sit amet odio vel metus suscipit suscipit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce adipiscing. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam et est quis risus ornare interdum. Mauris vitae nulla. Donec est. Morbi nec eros id lectus consequat venenatis. Suspendisse augue. Nam at erat. Nunc eget eros vel orci porta dictum.

Back to top

Paragraph 23

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec laoreet. Praesent sit amet odio vel metus suscipit suscipit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce adipiscing. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam et est quis risus ornare interdum. Mauris vitae nulla. Donec est. Morbi nec eros id lectus consequat venenatis. Suspendisse augue. Nam at erat. Nunc eget eros vel orci porta dictum.

Back to top

Paragraph 24

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec laoreet. Praesent sit amet odio vel metus suscipit suscipit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce adipiscing. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam et est quis risus ornare interdum. Mauris vitae nulla. Donec est. Morbi nec eros id lectus consequat venenatis. Suspendisse augue. Nam at erat. Nunc eget eros vel orci porta dictum.

Back to top

Paragraph 25

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec laoreet. Praesent sit amet odio vel metus suscipit suscipit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce adipiscing. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam et est quis risus ornare interdum. Mauris vitae nulla. Donec est. Morbi nec eros id lectus consequat venenatis. Suspendisse augue. Nam at erat. Nunc eget eros vel orci porta dictum.

Back to top

Paragraph 26

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec laoreet. Praesent sit amet odio vel metus suscipit suscipit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce adipiscing. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam et est quis risus ornare interdum. Mauris vitae nulla. Donec est. Morbi nec eros id lectus consequat venenatis. Suspendisse augue. Nam at erat. Nunc eget eros vel orci porta dictum.

Back to top

Paragraph 27

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec laoreet. Praesent sit amet odio vel metus suscipit suscipit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce adipiscing. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam et est quis risus ornare interdum. Mauris vitae nulla. Donec est. Morbi nec eros id lectus consequat venenatis. Suspendisse augue. Nam at erat. Nunc eget eros vel orci porta dictum.

Back to top

Paragraph 28

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec laoreet. Praesent sit amet odio vel metus suscipit suscipit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce adipiscing. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam et est quis risus ornare interdum. Mauris vitae nulla. Donec est. Morbi nec eros id lectus consequat venenatis. Suspendisse augue. Nam at erat. Nunc eget eros vel orci porta dictum.

Back to top

Paragraph 29

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec laoreet. Praesent sit amet odio vel metus suscipit suscipit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce adipiscing. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam et est quis risus ornare interdum. Mauris vitae nulla. Donec est. Morbi nec eros id lectus consequat venenatis. Suspendisse augue. Nam at erat. Nunc eget eros vel orci porta dictum.

Back to top