http://www.pagelines.com/wiki/index.php?title=How_to_Use_ScrollSpy&feed=atom&action=history 2013-05-19T07:06:49Z Revision history for this page on the wiki MediaWiki 1.18.0 http://www.pagelines.com/wiki/index.php?title=How_to_Use_ScrollSpy&diff=5303&oldid=prev 2012-05-17T02:54:05Z

<p></p> <table class='diff diff-contentalign-left'> <col class='diff-marker' /> <col class='diff-content' /> <col class='diff-marker' /> <col class='diff-content' /> <tr valign='top'> <td colspan='2' style="background-color: white; color:black;">← Older revision</td> <td colspan='2' style="background-color: white; color:black;">Revision as of 02:54, 17 May 2012</td> </tr><tr><td colspan="2" class="diff-lineno">Line 1:</td> <td colspan="2" class="diff-lineno">Line 1:</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&lt;html&gt;</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&lt;html&gt;</div></td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del style="color: red; font-weight: bold; text-decoration: none;"> &lt;div class=&quot;row&quot;&gt;</del></div></td><td colspan="2">&#160;</td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del style="color: red; font-weight: bold; text-decoration: none;"> &lt;div class=&quot;span12&quot;&gt;</del></div></td><td colspan="2">&#160;</td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del style="color: red; font-weight: bold; text-decoration: none;"> &lt;a class=&quot;btn btn-danger&quot; href=&quot;#&quot;&gt;New in PageLines 2.2&lt;/a&gt;</del></div></td><td colspan="2">&#160;</td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del style="color: red; font-weight: bold; text-decoration: none;"> &lt;/div&gt;</del></div></td><td colspan="2">&#160;</td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del style="color: red; font-weight: bold; text-decoration: none;"> &lt;/div&gt;</del></div></td><td colspan="2">&#160;</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div> &lt;div class=&quot;row&quot;&gt;</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div> &lt;div class=&quot;row&quot;&gt;</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div> &lt;div class=&quot;span12&quot;&gt;</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div> &lt;div class=&quot;span12&quot;&gt;</div></td></tr> <tr><td colspan="2" class="diff-lineno">Line 12:</td> <td colspan="2" class="diff-lineno">Line 7:</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div> &lt;/h1&gt;</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div> &lt;/h1&gt;</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div> &lt;/div&gt;</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div> &lt;/div&gt;</div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;"> &lt;/div&gt;</ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;"> &lt;/div&gt;</ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;"> &lt;div class=&quot;row&quot;&gt;</ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;"> &lt;div class=&quot;span7&quot;&gt;</ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;"> &lt;a class=&quot;btn btn-danger&quot; href=&quot;#&quot;&gt;New in PageLines 2.2&lt;/a&gt;</ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;"> &lt;ul class=&quot;thumbnails unstyled&quot;&gt;</ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;"> &lt;li class=&quot;span7&quot;&gt;</ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;"> &lt;div class=&quot;thumbnail&quot;&gt;</ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;"> &lt;a href=&quot;#&quot;&gt;</ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">&#160; &#160; &#160; &#160; &lt;img class=&quot;pl-imageframe&quot; src=&quot;http://placehold.it/300x250&quot; alt=&quot;Place Holder&quot;&gt;</ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">&#160; &#160; &#160; &#160; &lt;/a&gt;</ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">&#160; &#160; &#160; &#160; &lt;div class=&quot;caption&quot; style=&quot;text-align:center;&quot;&gt;</ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">&#160; &#160; &#160; &#160; &lt;p&gt;Placeholder image for Scrollspy Content Image&lt;/p&gt;</ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">&#160; &#160; &#160; &#160; &lt;/div&gt;</ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">&#160; &#160; &#160; &#160; &lt;/div&gt;</ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">&#160; &#160; &#160; &#160; &lt;/li&gt;</ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">&#160; &#160; &#160; &#160; &lt;/ul&gt;&#160; &#160; </ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">&#160; &#160; &#160; &#160; &lt;/div&gt;&#160; &#160; </ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;"> &lt;div class=&quot;span5&quot;&gt;</ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;"> &lt;div style=&quot;padding:10px;</ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;"> background-color: transparent;</ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;"> border-radius: 5px;</ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;"> -moz-border-radius: 5px; </ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;"> -moz-box-shadow: 0 0 5px #AAAAAA;</ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;"> -webkit-box-shadow: 0 0 6px #AAAAAA;</ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;"> box-shadow: 0 0 6px #AAAAAA;&quot;&gt;</ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">&#160; &#160; &#160; &#160; &lt;ul class=&quot;nav nav-list unstyled&quot;&gt;</ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">&#160; &#160; &#160; &#160; &#160; &lt;li class=&quot;nav-header&quot;&gt;Other New Features&lt;/li&gt;</ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">&#160; &#160; &#160; &#160; &#160; &lt;li&gt;&lt;a href=&quot;http://www.pagelines.com/wiki/How_to_Use_the_Grid&quot;&gt;How to Use the Grid&lt;/a&gt;&lt;/li&gt;</ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">&#160; &#160; &#160; &#160; &#160; &lt;li&gt;&lt;a href=&quot;http://www.pagelines.com/wiki/How_to_Use_Intro_Unit&quot;&gt;Intro Unit&lt;/a&gt;&lt;/li&gt;</ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">&#160; &#160; &#160; &#160; &#160; &lt;li&gt;&lt;a href=&quot;http://www.pagelines.com/wiki/How_to_Use_Masthead&quot;&gt;Masthead&lt;/a&gt;&lt;/li&gt;</ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">&#160; &#160; &#160; &#160; &#160; &lt;li&gt;&lt;a href=&quot;http://www.pagelines.com/wiki/PageLines_Shortcodes&quot;&gt;PageLines Shortcode&lt;/a&gt;&lt;/li&gt;</ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">&#160; &#160; &#160; &#160; &#160; &lt;li&gt;&lt;a href=&quot;http://www.pagelines.com/wiki/Introducing_PageLESS&quot;&gt;PageLESS CSS&lt;/a&gt;&lt;/li&gt;</ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">&#160; &#160; &#160; &#160; &#160; &lt;li class=&quot;active&quot;&gt;&lt;a href=&quot;#&quot;&gt;ScrollSpy&lt;/a&gt;&lt;/li&gt;</ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">&#160; &#160; &#160; &#160; &#160; &lt;li&gt;&lt;a href=&quot;http://www.pagelines.com/wiki/How_to_use_NavBar&quot;&gt;NavBar&lt;/a&gt;&lt;/li&gt;</ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">&#160; &#160; &#160; &#160; &#160; &lt;li class=&quot;divider&quot;&gt;&lt;/li&gt;</ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">&#160; &#160; &#160; &#160; &#160; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Help&lt;/a&gt;&lt;/li&gt;</ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">&#160; &#160; &#160; &#160; &lt;/ul&gt;</ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">&#160; &#160; &#160; &#160; &lt;/div&gt;</ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">&#160; &#160; &#160; &#160; &lt;/div&gt;</ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;"> &lt;/div&gt;</ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;"> &lt;div class=&quot;row&quot;&gt;</ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;"> &lt;div class=&quot;span12&quot;&gt;</ins></div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div> In PageLines Framework 2.2, we have added a new &lt;a href=&quot;http://www.pagelines.com/wiki/Glossary#Section&quot;&gt;Section&lt;/a&gt; called ScrollSpy. The ScrollSpy section adds an additional navigation bar that automatically updates nav targets based on scroll position.&#160; It is also useful for jumping from one section of your page to another instantly.</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div> In PageLines Framework 2.2, we have added a new &lt;a href=&quot;http://www.pagelines.com/wiki/Glossary#Section&quot;&gt;Section&lt;/a&gt; called ScrollSpy. The ScrollSpy section adds an additional navigation bar that automatically updates nav targets based on scroll position.&#160; It is also useful for jumping from one section of your page to another instantly.</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div> &lt;p&gt;In order to get ScrollSpy working on your page, it needs to be enabled in the Drag and Drop menu, and in the &lt;a href=&quot;http://www.pagelines.com/wiki/Glossary#Template_Setup&quot;&gt;Template Setup&lt;/a&gt; area.&lt;/p&gt;</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div> &lt;p&gt;In order to get ScrollSpy working on your page, it needs to be enabled in the Drag and Drop menu, and in the &lt;a href=&quot;http://www.pagelines.com/wiki/Glossary#Template_Setup&quot;&gt;Template Setup&lt;/a&gt; area.&lt;/p&gt;</div></td></tr> <!-- diff cache key arpowers_docs-mw_:diff:version:1.11a:oldid:5273:newid:5303 --> </table>

Henry http://www.pagelines.com/wiki/index.php?title=How_to_Use_ScrollSpy&diff=5273&oldid=prev 2012-05-14T06:14:39Z

<p></p> <table class='diff diff-contentalign-left'> <col class='diff-marker' /> <col class='diff-content' /> <col class='diff-marker' /> <col class='diff-content' /> <tr valign='top'> <td colspan='2' style="background-color: white; color:black;">← Older revision</td> <td colspan='2' style="background-color: white; color:black;">Revision as of 06:14, 14 May 2012</td> </tr><tr><td colspan="2" class="diff-lineno">Line 25:</td> <td colspan="2" class="diff-lineno">Line 25:</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div> &lt;h1&gt;How it Works&lt;/h1&gt;</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div> &lt;h1&gt;How it Works&lt;/h1&gt;</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div> &lt;/div&gt;</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div> &lt;/div&gt;</div></td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div> ScrollSpy works within your Page's editor, as long as ScrollSpy is enabled on the template your page is using.&#160; For a more in depth look and tutorial on how to get ScrollSpy working on your page, please visit the new &lt;a href=&quot;http://www.example.com/&quot;&gt;PageLines Framework 2.2 Demo Site&lt;/a&gt;.</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div> ScrollSpy works within your Page's editor, as long as ScrollSpy is enabled on the template your page is using.&#160; For a more in depth look and tutorial on how to get ScrollSpy working on your page, please visit the new &lt;a href=&quot;http://www.example.com/&quot;&gt;PageLines Framework 2.2 Demo Site&lt;/a&gt;.<ins class="diffchange diffchange-inline">&lt;br&gt;</ins></div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div> &lt;div class=&quot;row&quot;&gt;</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div> &lt;div class=&quot;row&quot;&gt;</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&#160;&#160; &lt;div class=&quot;span4&quot;&gt;</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&#160;&#160; &lt;div class=&quot;span4&quot;&gt;</div></td></tr> <!-- diff cache key arpowers_docs-mw_:diff:version:1.11a:oldid:5272:newid:5273 --> </table>

Henry http://www.pagelines.com/wiki/index.php?title=How_to_Use_ScrollSpy&diff=5272&oldid=prev 2012-05-14T06:13:02Z

<p></p> <table class='diff diff-contentalign-left'> <col class='diff-marker' /> <col class='diff-content' /> <col class='diff-marker' /> <col class='diff-content' /> <tr valign='top'> <td colspan='2' style="background-color: white; color:black;">← Older revision</td> <td colspan='2' style="background-color: white; color:black;">Revision as of 06:13, 14 May 2012</td> </tr><tr><td colspan="2" class="diff-lineno">Line 38:</td> <td colspan="2" class="diff-lineno">Line 38:</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&#160;&#160; &#160; &#160; &#160; &lt;/div&gt;</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&#160;&#160; &#160; &#160; &#160; &lt;/div&gt;</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&#160;&#160; &lt;div class=&quot;span4&quot;&gt;</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&#160;&#160; &lt;div class=&quot;span4&quot;&gt;</div></td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del class="diffchange diffchange-inline">&#160; &#160; &#160; &#160; </del>&lt;div class=&quot;thumbnails&quot;&gt;</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline">&#160; </ins>&lt;div class=&quot;thumbnails<ins class="diffchange diffchange-inline">&gt;</ins>&quot;&gt;</div></td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del class="diffchange diffchange-inline">&#160; &#160; &#160; &#160; </del>&lt;a href=&quot;#&quot; class=&quot;thumbnail&quot;&gt;</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline">&#160; </ins>&lt;a href=&quot;#&quot; class=&quot;thumbnail&quot;&gt;</div></td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>&#160;&#160; &#160; &#160; &#160; &lt;img src=&quot;http://placehold.it/200x200&quot; alt=&quot;Place Holder&quot;&gt;</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>&#160;&#160; &#160; &#160; &#160; &lt;img <ins class="diffchange diffchange-inline">class=&quot;pl-imageframe&quot; </ins>src=&quot;http://placehold.it/200x200&quot; alt=&quot;Place Holder&quot;&gt;</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&#160;&#160; &#160; &#160; &#160; &lt;/a&gt;</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&#160;&#160; &#160; &#160; &#160; &lt;/a&gt;</div></td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>&#160;&#160; &#160; &#160; &#160; &lt;div class=&quot;caption&quot;&gt;</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>&#160;&#160; &#160; &#160; &#160; &lt;div class=&quot;caption<ins class="diffchange diffchange-inline">&quot; style=&quot;text-align:center;</ins>&quot;&gt;</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&#160;&#160; &#160; &#160; &#160; Placeholder image for ScrollSpy Content sreenshots</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&#160;&#160; &#160; &#160; &#160; Placeholder image for ScrollSpy Content sreenshots</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&#160;&#160; &#160; &#160; &#160; &lt;/div&gt;</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&#160;&#160; &#160; &#160; &#160; &lt;/div&gt;</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&#160;&#160; &#160; &#160; &#160; &lt;/div&gt;</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&#160;&#160; &#160; &#160; &#160; &lt;/div&gt;</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&#160;&#160; &#160; &#160; &#160; &lt;/div&gt;</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&#160;&#160; &#160; &#160; &#160; &lt;/div&gt;</div></td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del class="diffchange diffchange-inline">&#160; &#160; &#160; &#160; &#160; </del>&lt;div class=&quot;span4&quot;&gt;</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline"> </ins>&lt;div class=&quot;span4&quot;&gt;</div></td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del class="diffchange diffchange-inline">&#160; &#160; &#160; &#160; </del>&lt;div class=&quot;thumbnails&quot;&gt;</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline">&#160; </ins>&lt;div class=&quot;thumbnails<ins class="diffchange diffchange-inline">&gt;</ins>&quot;&gt;</div></td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del class="diffchange diffchange-inline">&#160; &#160; &#160; &#160; </del>&lt;a href=&quot;#&quot; class=&quot;thumbnail&quot;&gt;</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline">&#160; </ins>&lt;a href=&quot;#&quot; class=&quot;thumbnail&quot;&gt;</div></td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>&#160;&#160; &#160; &#160; &#160; &lt;img src=&quot;http://placehold.it/200x200&quot; alt=&quot;Place Holder&quot;&gt;</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>&#160;&#160; &#160; &#160; &#160; &lt;img <ins class="diffchange diffchange-inline">class=&quot;pl-imageframe&quot; </ins>src=&quot;http://placehold.it/200x200&quot; alt=&quot;Place Holder&quot;&gt;</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&#160;&#160; &#160; &#160; &#160; &lt;/a&gt;</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&#160;&#160; &#160; &#160; &#160; &lt;/a&gt;</div></td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>&#160;&#160; &#160; &#160; &#160; &lt;div class=&quot;caption&quot;&gt;</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>&#160;&#160; &#160; &#160; &#160; &lt;div class=&quot;caption<ins class="diffchange diffchange-inline">&quot; style=&quot;text-align:center;</ins>&quot;&gt;</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&#160;&#160; &#160; &#160; &#160; Placeholder image for ScrollSpy Content sreenshots</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&#160;&#160; &#160; &#160; &#160; Placeholder image for ScrollSpy Content sreenshots</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&#160;&#160; &#160; &#160; &#160; &lt;/div&gt;</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&#160;&#160; &#160; &#160; &#160; &lt;/div&gt;</div></td></tr> <!-- diff cache key arpowers_docs-mw_:diff:version:1.11a:oldid:5271:newid:5272 --> </table>

Henry http://www.pagelines.com/wiki/index.php?title=How_to_Use_ScrollSpy&diff=5271&oldid=prev 2012-05-14T06:10:52Z

<p></p> <a href="http://www.pagelines.com/wiki/index.php?title=How_to_Use_ScrollSpy&amp;diff=5271&amp;oldid=5166">Show changes</a>

Henry http://www.pagelines.com/wiki/index.php?title=How_to_Use_ScrollSpy&diff=5166&oldid=prev 2012-05-11T01:19:49Z

<p></p> <table class='diff diff-contentalign-left'> <col class='diff-marker' /> <col class='diff-content' /> <col class='diff-marker' /> <col class='diff-content' /> <tr valign='top'> <td colspan='2' style="background-color: white; color:black;">← Older revision</td> <td colspan='2' style="background-color: white; color:black;">Revision as of 01:19, 11 May 2012</td> </tr><tr><td colspan="2" class="diff-lineno">Line 10:</td> <td colspan="2" class="diff-lineno">Line 10:</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&lt;p&gt;More info on template setup &lt;a href=&quot;http://www.pagelines.com/wiki/How_to_Use_the_Template_Setup#Editing_Page_Templates&quot;&gt;here&lt;/a&gt;&lt;/p&gt;</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&lt;p&gt;More info on template setup &lt;a href=&quot;http://www.pagelines.com/wiki/How_to_Use_the_Template_Setup#Editing_Page_Templates&quot;&gt;here&lt;/a&gt;&lt;/p&gt;</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&#160;&#160; &#160; &lt;/div&gt;</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&#160;&#160; &#160; &lt;/div&gt;</div></td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del class="diffchange diffchange-inline">&lt;br&gt;</del></div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>&#160;</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>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.&#160; 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.</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>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.&#160; 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.</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&#160;&#160; &lt;/div&gt;</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&#160;&#160; &lt;/div&gt;</div></td></tr> <!-- diff cache key arpowers_docs-mw_:diff:version:1.11a:oldid:5165:newid:5166 --> </table>

Henry http://www.pagelines.com/wiki/index.php?title=How_to_Use_ScrollSpy&diff=5165&oldid=prev 2012-05-11T01:19:27Z

<p></p> <table class='diff diff-contentalign-left'> <col class='diff-marker' /> <col class='diff-content' /> <col class='diff-marker' /> <col class='diff-content' /> <tr valign='top'> <td colspan='2' style="background-color: white; color:black;">← Older revision</td> <td colspan='2' style="background-color: white; color:black;">Revision as of 01:19, 11 May 2012</td> </tr><tr><td colspan="2" class="diff-lineno">Line 6:</td> <td colspan="2" class="diff-lineno">Line 6:</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&lt;br&gt;&lt;br&gt;</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&lt;br&gt;&lt;br&gt;</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>In order to get ScrollSpy working on your page, it needs to be enabled in the Drag and Drop menu, and in the &lt;a href=&quot;http://www.pagelines.com/wiki/Glossary#Template_Setup&quot;&gt;Template Setup&lt;/a&gt; area.</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>In order to get ScrollSpy working on your page, it needs to be enabled in the Drag and Drop menu, and in the &lt;a href=&quot;http://www.pagelines.com/wiki/Glossary#Template_Setup&quot;&gt;Template Setup&lt;/a&gt; area.</div></td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>&lt;br&gt;</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline">&lt;br&gt;</ins>&lt;br&gt;</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&#160;&#160; &#160; &lt;div class=&quot;alert alert-info&quot;&gt;</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&#160;&#160; &#160; &lt;div class=&quot;alert alert-info&quot;&gt;</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&lt;p&gt;More info on template setup &lt;a href=&quot;http://www.pagelines.com/wiki/How_to_Use_the_Template_Setup#Editing_Page_Templates&quot;&gt;here&lt;/a&gt;&lt;/p&gt;</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&lt;p&gt;More info on template setup &lt;a href=&quot;http://www.pagelines.com/wiki/How_to_Use_the_Template_Setup#Editing_Page_Templates&quot;&gt;here&lt;/a&gt;&lt;/p&gt;</div></td></tr> <!-- diff cache key arpowers_docs-mw_:diff:version:1.11a:oldid:5164:newid:5165 --> </table>

Henry http://www.pagelines.com/wiki/index.php?title=How_to_Use_ScrollSpy&diff=5164&oldid=prev 2012-05-11T01:18:36Z

<p></p> <table class='diff diff-contentalign-left'> <col class='diff-marker' /> <col class='diff-content' /> <col class='diff-marker' /> <col class='diff-content' /> <tr valign='top'> <td colspan='2' style="background-color: white; color:black;">← Older revision</td> <td colspan='2' style="background-color: white; color:black;">Revision as of 01:18, 11 May 2012</td> </tr><tr><td colspan="2" class="diff-lineno">Line 6:</td> <td colspan="2" class="diff-lineno">Line 6:</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&lt;br&gt;&lt;br&gt;</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&lt;br&gt;&lt;br&gt;</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>In order to get ScrollSpy working on your page, it needs to be enabled in the Drag and Drop menu, and in the &lt;a href=&quot;http://www.pagelines.com/wiki/Glossary#Template_Setup&quot;&gt;Template Setup&lt;/a&gt; area.</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>In order to get ScrollSpy working on your page, it needs to be enabled in the Drag and Drop menu, and in the &lt;a href=&quot;http://www.pagelines.com/wiki/Glossary#Template_Setup&quot;&gt;Template Setup&lt;/a&gt; area.</div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">&lt;br&gt;</ins></div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&#160;&#160; &#160; &lt;div class=&quot;alert alert-info&quot;&gt;</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&#160;&#160; &#160; &lt;div class=&quot;alert alert-info&quot;&gt;</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&lt;p&gt;More info on template setup &lt;a href=&quot;http://www.pagelines.com/wiki/How_to_Use_the_Template_Setup#Editing_Page_Templates&quot;&gt;here&lt;/a&gt;&lt;/p&gt;</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&lt;p&gt;More info on template setup &lt;a href=&quot;http://www.pagelines.com/wiki/How_to_Use_the_Template_Setup#Editing_Page_Templates&quot;&gt;here&lt;/a&gt;&lt;/p&gt;</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&#160;&#160; &#160; &lt;/div&gt;</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&#160;&#160; &#160; &lt;/div&gt;</div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">&lt;br&gt;</ins></div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>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.&#160; 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.</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>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.&#160; 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.</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&#160;&#160; &lt;/div&gt;</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&#160;&#160; &lt;/div&gt;</div></td></tr> <!-- diff cache key arpowers_docs-mw_:diff:version:1.11a:oldid:5163:newid:5164 --> </table>

Henry http://www.pagelines.com/wiki/index.php?title=How_to_Use_ScrollSpy&diff=5163&oldid=prev 2012-05-11T00:28:27Z

<p></p> <table class='diff diff-contentalign-left'> <col class='diff-marker' /> <col class='diff-content' /> <col class='diff-marker' /> <col class='diff-content' /> <tr valign='top'> <td colspan='2' style="background-color: white; color:black;">← Older revision</td> <td colspan='2' style="background-color: white; color:black;">Revision as of 00:28, 11 May 2012</td> </tr><tr><td colspan="2" class="diff-lineno">Line 1:</td> <td colspan="2" class="diff-lineno">Line 1:</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&lt;span class=&quot;btn btn-danger&quot;&gt;New in PageLines 2.2&lt;/span&gt;</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&lt;span class=&quot;btn btn-danger&quot;&gt;New in PageLines 2.2&lt;/span&gt;</div></td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del style="color: red; font-weight: bold; text-decoration: none;"></del></div></td><td colspan="2">&#160;</td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del style="color: red; font-weight: bold; text-decoration: none;">In PageLines Framework 2.2, we have added a new &lt;a href=&quot;http://www.pagelines.com/wiki/Glossary#Section&quot;&gt;Section&lt;/a&gt; called ScrollSpy. The ScrollSpy section adds an additional navigation bar that automatically updates nav targets based on scroll position.&#160; It is also useful for jumping from one section of your page to another instantly.</del></div></td><td colspan="2">&#160;</td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del style="color: red; font-weight: bold; text-decoration: none;"></del></div></td><td colspan="2">&#160;</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&lt;html&gt;</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&lt;html&gt;</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&lt;div class=&quot;row&quot;&gt;</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&lt;div class=&quot;row&quot;&gt;</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&#160;&#160; &lt;div class=&quot;span12&quot;&gt;</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&#160;&#160; &lt;div class=&quot;span12&quot;&gt;</div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">In PageLines Framework 2.2, we have added a new &lt;a href=&quot;http://www.pagelines.com/wiki/Glossary#Section&quot;&gt;Section&lt;/a&gt; called ScrollSpy. The ScrollSpy section adds an additional navigation bar that automatically updates nav targets based on scroll position.&#160; It is also useful for jumping from one section of your page to another instantly.</ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">&lt;br&gt;&lt;br&gt;</ins></div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>In order to get ScrollSpy working on your page, it needs to be enabled in the Drag and Drop menu, and in the &lt;a href=&quot;http://www.pagelines.com/wiki/Glossary#Template_Setup&quot;&gt;Template Setup&lt;/a&gt; area.</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>In order to get ScrollSpy working on your page, it needs to be enabled in the Drag and Drop menu, and in the &lt;a href=&quot;http://www.pagelines.com/wiki/Glossary#Template_Setup&quot;&gt;Template Setup&lt;/a&gt; area.</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&#160;&#160; &#160; &lt;div class=&quot;alert alert-info&quot;&gt;</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&#160;&#160; &#160; &lt;div class=&quot;alert alert-info&quot;&gt;</div></td></tr> <!-- diff cache key arpowers_docs-mw_:diff:version:1.11a:oldid:5162:newid:5163 --> </table>

Henry http://www.pagelines.com/wiki/index.php?title=How_to_Use_ScrollSpy&diff=5162&oldid=prev 2012-05-11T00:26:38Z

<p></p> <table class='diff diff-contentalign-left'> <col class='diff-marker' /> <col class='diff-content' /> <col class='diff-marker' /> <col class='diff-content' /> <tr valign='top'> <td colspan='2' style="background-color: white; color:black;">← Older revision</td> <td colspan='2' style="background-color: white; color:black;">Revision as of 00:26, 11 May 2012</td> </tr><tr><td colspan="2" class="diff-lineno">Line 3:</td> <td colspan="2" class="diff-lineno">Line 3:</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>In PageLines Framework 2.2, we have added a new &lt;a href=&quot;http://www.pagelines.com/wiki/Glossary#Section&quot;&gt;Section&lt;/a&gt; called ScrollSpy. The ScrollSpy section adds an additional navigation bar that automatically updates nav targets based on scroll position.&#160; It is also useful for jumping from one section of your page to another instantly.</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>In PageLines Framework 2.2, we have added a new &lt;a href=&quot;http://www.pagelines.com/wiki/Glossary#Section&quot;&gt;Section&lt;/a&gt; called ScrollSpy. The ScrollSpy section adds an additional navigation bar that automatically updates nav targets based on scroll position.&#160; It is also useful for jumping from one section of your page to another instantly.</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del style="color: red; font-weight: bold; text-decoration: none;">In order to get ScrollSpy working on your page, it needs to be enabled in the Drag and Drop menu, and in the &lt;a href=&quot;http://www.pagelines.com/wiki/Glossary#Template_Setup&quot;&gt;Template Setup&lt;/a&gt; area.</del></div></td><td colspan="2">&#160;</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&lt;html&gt;</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&lt;html&gt;</div></td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>&lt;<del class="diffchange diffchange-inline">blockquote </del>class=&quot;<del class="diffchange diffchange-inline">pull</del>-<del class="diffchange diffchange-inline">right</del>&quot;&gt;&lt;p&gt;More info on template setup &lt;a href=&quot;http://www.pagelines.com/wiki/How_to_Use_the_Template_Setup#Editing_Page_Templates&quot;&gt;here&lt;/a&gt;&lt;/p<del class="diffchange diffchange-inline">&gt;&lt;/blockquote</del>&gt;</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>&lt;<ins class="diffchange diffchange-inline">div </ins>class=&quot;<ins class="diffchange diffchange-inline">row&quot;&gt;</ins></div></td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>&lt;/<del class="diffchange diffchange-inline">html</del>&gt;</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline">&#160; &lt;div class=&quot;span12&quot;&gt;</ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline">In order to get ScrollSpy working on your page, it needs to be enabled in the Drag and Drop menu, and in the &lt;a href=&quot;http://www.pagelines.com/wiki/Glossary#Template_Setup&quot;&gt;Template Setup&lt;/a&gt; area.</ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline">&#160; &#160; &lt;div class=&quot;alert alert</ins>-<ins class="diffchange diffchange-inline">info</ins>&quot;&gt;</div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>&lt;p&gt;More info on template setup &lt;a href=&quot;http://www.pagelines.com/wiki/How_to_Use_the_Template_Setup#Editing_Page_Templates&quot;&gt;here&lt;/a&gt;&lt;/p&gt;</div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline">&#160; &#160; </ins>&lt;/<ins class="diffchange diffchange-inline">div</ins>&gt;</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>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.&#160; 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.</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>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.&#160; 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.</div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">&#160; &lt;/div&gt;</ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">&lt;/div&gt;</ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">&lt;/html&gt;</ins></div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>----</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>----</div></td></tr> </table>

Henry http://www.pagelines.com/wiki/index.php?title=How_to_Use_ScrollSpy&diff=5161&oldid=prev 2012-05-11T00:22:25Z

<p><span class="autocomment">Other Uses</span></p> <table class='diff diff-contentalign-left'> <col class='diff-marker' /> <col class='diff-content' /> <col class='diff-marker' /> <col class='diff-content' /> <tr valign='top'> <td colspan='2' style="background-color: white; color:black;">← Older revision</td> <td colspan='2' style="background-color: white; color:black;">Revision as of 00:22, 11 May 2012</td> </tr><tr><td colspan="2" class="diff-lineno">Line 33:</td> <td colspan="2" class="diff-lineno">Line 33:</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>== Other Uses ==</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>== Other Uses ==</div></td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>&#160;</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline">&lt;html&gt;</ins></div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&lt;div class=&quot;row&quot;&gt;</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&lt;div class=&quot;row&quot;&gt;</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&#160;&#160; &lt;div class=&quot;span8&quot;&gt;</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&#160;&#160; &lt;div class=&quot;span8&quot;&gt;</div></td></tr> <!-- diff cache key arpowers_docs-mw_:diff:version:1.11a:oldid:5160:newid:5161 --> </table>

Henry