How to Use ScrollSpy
(Difference between revisions)
m |
|||
| Line 1: | Line 1: | ||
<span class="btn btn-danger">New in PageLines 2.2</span> | <span class="btn btn-danger">New in PageLines 2.2</span> | ||
| − | |||
| − | |||
| − | |||
<html> | <html> | ||
<div class="row"> | <div class="row"> | ||
<div class="span12"> | <div class="span12"> | ||
| + | In PageLines Framework 2.2, we have added a new <a href="http://www.pagelines.com/wiki/Glossary#Section">Section</a> called ScrollSpy. The ScrollSpy section adds an additional navigation bar that automatically updates nav targets based on scroll position. It is also useful for jumping from one section of your page to another instantly. | ||
| + | <br><br> | ||
In order to get ScrollSpy working on your page, it needs to be enabled in the Drag and Drop menu, and in the <a href="http://www.pagelines.com/wiki/Glossary#Template_Setup">Template Setup</a> area. | In order to get ScrollSpy working on your page, it needs to be enabled in the Drag and Drop menu, and in the <a href="http://www.pagelines.com/wiki/Glossary#Template_Setup">Template Setup</a> area. | ||
<div class="alert alert-info"> | <div class="alert alert-info"> | ||
Revision as of 00:28, 11 May 2012
New in PageLines 2.2
In PageLines Framework 2.2, we have added a new Section called ScrollSpy. The ScrollSpy section adds an additional navigation bar that automatically updates nav targets based on scroll position. It is also useful for jumping from one section of your page to another instantly.
In order to get ScrollSpy working on your page, it needs to be enabled in the Drag and Drop menu, and in the Template Setup area.
The ScrollSpy navigation bar will travel with your user as they scroll through your page, so it is best to position this section at the top of the Page Template. It is also important to remember that even though ScrollSpy is a navigation tool, it does not use Wordpress's Menu System, and needs to be configured manually.
In order to get ScrollSpy working on your page, it needs to be enabled in the Drag and Drop menu, and in the Template Setup area.
More info on template setup here
How it Works
ScrollSpy works within your Page's editor, as long as ScrollSpy is enabled on the template your page is using. For a more in depth look and tutorial on how to get ScrollSpy working on your page, please visit the new PageLines Framework 2.2 Demo Site.
Other Uses
Integer pharetra, tortor nec volutpat accumsan, ligula enim consectetur erat, porta imperdiet felis orci eget purus. Phasellus non auctor magna. Vestibulum at augue sit amet quam scelerisque rutrum. Aliquam erat volutpat. Cras lectus dolor, tincidunt laoreet molestie ac, vehicula sed ante.
Curabitur et nunc lectus, ac ultrices orci. Sed lacus massa, scelerisque ut blandit sed, hendrerit eget risus. Suspendisse velit nulla, vehicula vitae malesuada nec, euismod et metus. Aenean vel justo elit, nec dictum mauris. Nam cursus faucibus elit, non dapibus urna feugiat vitae. Cras porta elementum risus gravida mollis. Nam sed ipsum tellus.
Curabitur et nunc lectus, ac ultrices orci. Sed lacus massa, scelerisque ut blandit sed, hendrerit eget risus. Suspendisse velit nulla, vehicula vitae malesuada nec, euismod et metus. Aenean vel justo elit, nec dictum mauris. Nam cursus faucibus elit, non dapibus urna feugiat vitae. Cras porta elementum risus gravida mollis. Nam sed ipsum tellus.