jQuery Plugin To Navigate Through Elements With Keyboard - Keyboard Navigator
File Size: | 3.08 KB |
---|---|
Views Total: | 1671 |
Last Update: | |
Publish Date: | |
Official Website: | Go to website |
License: | MIT |
Keyboard Navigator is a super tiny jQuery plugin which allows keyboard arrows (left, right arrows) and shortcuts ('k' and 'j') to navigate between elements from current scroll position.
How to use it:
1. Add jQuery JavaScript library and the jQuery Keyboard Navigator plugin's script to your webpages.
<script src="//code.jquery.com/jquery-1.12.0.min.js"></script> <script src="js/jquery.keyboardNavigator.js"></script>
2. Call the function on the target selectors to allow moving up/down between elements from current scroll position.
<h2>Section One</h2> ... <h2>Section Two</h2> ... <h2>Section Three</h2> ...
$.keyboardNavigator('h2');
This awesome jQuery plugin is developed by r00ster. For more Advanced Usages, please check the demo page or visit the official website.