Skip to content
This repository has been archived by the owner on Jun 18, 2022. It is now read-only.

Fixing Top Margin #30

Open
wants to merge 1 commit into
base: gh-pages
Choose a base branch
from
Open
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
10 changes: 5 additions & 5 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -112,7 +112,7 @@ <h3>"One Pager" anchor functionality. <small><b><i>Oct 31st, 2013</i></b></small
</div>
<div class="col-lg-offset-1 col-lg-10">
<h3>In need of Margin... <small><b><i>Oct 30th, 2013</i></b></small></h3>
<p>When I initially made the plugin the goal was to make the element stick to the very top, but after deciding to make an official example page for it I realizd that I loved the look of a floating plugin. So I added a little feature called <b><i>marginTop</i></b> to the mix. This allows the element to be caught by it's margin rather than when it hits the top of the page.
<p>When I initially made the plugin the goal was to make the element stick to the very top, but after deciding to make an official example page for it I realizd that I loved the look of a floating plugin. So I added a little feature called <b><i>topMargin</i></b> to the mix. This allows the element to be caught by it's margin rather than when it hits the top of the page.
</p>
</div>
<div class="col-lg-offset-1 col-lg-10">
Expand Down Expand Up @@ -217,7 +217,7 @@ <h2 class="featurette-heading">A little extra. <br><span class="text-muted">Addi
</p>
<p class="lead">
There is currently one additional option that stickUp offers, with more to come.<br><br>
<b>marginTop</b>:
<b>topMargin</b>:
Adding this option to your stickUp element will catch the element by a margin. You could either set this to <i>'auto'</i>, which grabs your element's top margin, or to a custom pixel height. Here is an example of how the floating menu works on this webpage.
</p>
<p>
Expand All @@ -228,8 +228,8 @@ <h2 class="featurette-heading">A little extra. <br><span class="text-muted">Addi
$(document).ready( function() {
//enabling stickUp on the '.navbar-wrapper' class
$('.navbar-wrapper').stickUp({
//enabling marginTop with the 'auto' setting
marginTop: 'auto'
//enabling topMargin with the 'auto' setting
topMargin: 'auto'
});
});
});
Expand Down Expand Up @@ -289,7 +289,7 @@ <h2 class="featurette-heading">Wordpress.<br><span class="text-muted">Adding fun
</xmp>
<p class="lead">
<b>Done!</b> That element is now a sticky element. You can use the other features of the plugin on Wordpress as well, just take a look at the <a href="#one-pager">One Pager</a> and <a href="#extras">Extras</a> section of this website.<br><br>
**Specifically look at the Extras feature <i>'marginTop'</i> to add a margin for use with the Wordpress Toolbar, otherwise it may have a conflict.
**Specifically look at the Extras feature <i>'topMargin'</i> to add a margin for use with the Wordpress Toolbar, otherwise it may have a conflict.
</p>
</div>
</div> <!-- END WORDPRESS -->
Expand Down