Skip to content
master
Switch branches/tags
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 

Footnoted

Easily add superscript footnote numbers to text that automatically link to corresponding footnotes below. Footnotes have a link to take you back to your previous reading position. Also makes a Top link after the footnotes.

See the demo

Installation

Link to footnoted.min.js (or customize and link to footnoted.js) after jQuery.

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="footnoted.min.js"></script>

Usage

  1. Insert <sup class="footnoted"></sup> where you want a link to your footnotes to appear in your text. You don't need to add your own numbers or links.
  2. Add the ID of #footnotes to the container of your footnotes. Footnoted assumes you're using a list (either <ol> or <ul>) for your footnotes, but you can change this in footnoted.js if your page structure is different.

Optional

  • Link to footnoted.css if you want the default styling.
  • You can style superscripts (sup.footnoted), footnotes (#footnotes, #footnotes li), or the top link (li#back-to-top) however you please.

About

Make superscript footnote markers with scrolling anchor links to a footnote section

Resources

Releases

No releases published

Packages

No packages published