diff --git a/docs/javascript.html b/docs/javascript.html index 2d01af561f17fcd31b808d73544d5e7a250b7db1..fe7f750c0cb8cf08e458a2f0c793b7c076e904cb 100644 --- a/docs/javascript.html +++ b/docs/javascript.html @@ -571,12 +571,12 @@ $('#myModal').on('hidden', function () { <h2>Usage</h2> <h3>Via data attributes</h3> - <p>To easily add scrollspy behavior to your topbar navigation, just add <code>data-spy="scroll"</code> to the element you want to spy on (most typically this would be the body) and <code>data-target=".navbar"</code> to select which nav to use. You'll want to use scrollspy with a <code>.nav</code> component.</p> + <p>To easily add scrollspy behavior to your topbar navigation, just add <code>data-spy="scroll"</code> to the element you want to spy on (most typically this would be the body) and <code>data-target=".navbar"</code> to select which nav to use. You'll need to use scrollspy with a <code>.nav</code> component.</p> <pre class="prettyprint linenums"><body data-spy="scroll" data-target=".navbar">...</body></pre> <h3>Via JavaScript</h3> <p>Call the scrollspy via JavaScript:</p> - <pre class="prettyprint linenums">$('#navbar').scrollspy()</pre> + <pre class="prettyprint linenums">$('body').scrollspy(options)</pre> <div class="alert alert-info"> <strong>Heads up!</strong> @@ -604,6 +604,12 @@ $('[data-spy="scroll"]').each(function () { </tr> </thead> <tbody> + <tr> + <td>target</td> + <td>selector</td> + <td>'body'</td> + <td>Nav target to be updated on scroll. (Scrollspy looks for <code>.nav li > a</code> inside this target.)</td> + </tr> <tr> <td>offset</td> <td>number</td>