- Site Template
- WordPress Theme
- Blogging Theme
- CMS Theme
- Marketing Template
- eCommerce Theme
- Forum Theme
- Flash Template
- PSD Web Template
- .NET Script
- PHP Script
- HTML5 Code
- CSS Style
- Edge Animate Template
- Muse Template
- TypeEngine Theme
- Static Site Generator
- Sketch Template
CodeCanyon Single Page Traversal jQuery Plugin 5454079
Next \ Previous \ Single \ Page \ Navigation \ Link \ Button \ Current \ Forward
If you have a single page website, or even a regular site with long pages, then you probably want the ability to scroll through the sections of the page with a single next/previous button combination. To implement such a button yourself would mean calculating where the user currently is on the page, what the next and previous sections are, taking into account items such as a fixed header, catering for the section heights changing on screen resize, etc. Single page traversal plugin does all this for you, and all in a tiny 2Kb minimized file.
Single page traversal plugin allows you to easily move between sections of a website. Once the plugin is included on your page, it can be as simple as a single line to call the plugin, give classes to your previous and next buttons, then you can cycle through your site’s sections. You can even have a ‘start of current section’ link if you wish.
To ensure the plugin runs as efficiently as possible, the section offset amounts are worked out on page load, and when the window size changes. Therefore, there are no heavy calculations to do when the next or previous buttons are pressed; meaning fast and responsive site navigation.
The plugin is also highly customizable and even has an API for controlling its functions elsewhere in your script. Both the minimized plugin, along with the fully commented version, are included, as well as the HTML version of the instructions. Works with all modern browsers and Internet Explorer 8+. Also has been fully tested on iOS, including iPhone and iPad.
View examples and see how simple it is to set up at tommyfisher.net/sptraversal .
Keywords: backward, button, current, forward, link, navigation, next, previous, single page.
Android, Builder, Business, Clean, Corporate, Creative, Design, Ecommerce, Email, Fashion, Gallery, Image, Iphone, Jquery, Landing, Magazine, Magento, Marketing, Minimal, Mobile, Modern, Multi, Multipurpose, Online, Parallax, Personal, Photography, Plugin, Portfolio, Product, Responsive, Simple, Slider, Social, Store, Template, Theme, Video, Woocommerce, Wordpress
Show all tags
Show all tags
- ThemeForest Saber Responsive Bootstrap Landing Template 19746277
- ThemeForest Cat Multipurpose Mobile and Tablet Bootstrap Template 19679809
- ThemeForest HOLIDAY Multipurpose Responsive HTML Landing Page 19746219
- ThemeForest T1Fashion Responsive Fashion OpenCart 2.3 Theme 19728528
- ThemeForest TONA Parallax One Page Multi-Purpose 19745361
- ThemeForest LookBusiness One-Page Multipurpose PSD Template 19738370
- ThemeForest Edgar Multipurpose HTML Template 19681788
- ThemeForest Cafe-Duke Restaurant HTML5 Template 19723867
- ThemeForest Vesta Resume Portfolio 19709636
- ThemeForest Liebe Responsive HTML Wedding Template 19730299