用于创建单页网站的最好jQuery插件

jopen 8年前

1. Smint

用于创建单页网站的最好jQuery插件
Smint is a simple jQuery plugin that helps with the navigation on one page style websites. It has 2 main elements, a sticky navigation bar that stays at the top of the page while you scroll down and menu buttons that automatically scroll the page to the section you clicked on.
SMINT is a simple plugin, so only has an option for how fast the page scrolls. The default speed is 500 (half a second) but you can now set that to be whatever you like. The download comes with demo included so feel free to use that as a staring template for your own one page website.

2. qpScroll

用于创建单页网站的最好jQuery插件
qpScroll is a jQuery plugin that creates a parallax background for any page or div. It is simple to setup. It can be added to any existing page without the need to change the HTML mark up.

3. Stickup

用于创建单页网站的最好jQuery插件
Stickup is a simple jQuery plugin that “sticks” an element to the top of the browser window while scrolling past it, always keeping it in view. This plugin works on multi-page sites, but has additional features for one-pager layouts.
Although stickUp was made to work on any kind of website, it was originally designed for the “one-pager” style of websites. By using CSS the sticky navigation menu item will be highlighted as it’s correlating content is scrolled in and out of view.

4. jQuery Scroll Path

用于创建单页网站的最好jQuery插件
jQuery Scroll Path is a plugin that lets you define your own custom scroll path. The plugin uses canvas flavored syntax for drawing paths, using the methods moveTo, lineTo and arc. To help with getting the path right, a canvas overlay with the path can be enabled when initiating the plugin. jQuery Scroll Path also allows rotating the entire page, using CSS transforms. This can be done either along a path, or around the current position. In browsers without CSS transform support, all rotations are ignored, but paths are still followed. This means the plugin works with graceful degradation in all browsers.

5. Ascensor.js

用于创建单页网站的最好jQuery插件
Ascensor is a jquery plugin which aims to train and adapt content according to an elevator system. The sections are browsed like an elevator system which can go up/down and right/left.

6. jQuery Fracs

用于创建单页网站的最好jQuery插件
jQuery.fracs determines the fraction of an HTML element that is currently in the viewport, as well as the fraction it takes of the complete viewport and the fraction of the area that might possibly be visible. It also provides the coordinates of the visible rectangle in document, element and viewport space. It makes users easier to jump to different sections of your website. It is very suitable for one-page website or website with a lot of scrolling. jQuery.fracs is provided under the terms of the MIT License.

7. jQuery One Page Navigation Plugin

用于创建单页网站的最好jQuery插件
When appropriate, Trevor Davis really like the ones that add smooth scrolling and highlight the navigation depending upon which part of the page you have scrolled to. That’s why he wrote jQuery One Page Navigation Plugin.

8. Fullpage.js

用于创建单页网站的最好jQuery插件
FullPage.js is a simple and easy to use plugin to create fullscreen scrolling websites (also known as single page websites). It enables you to create fullscren scrolling websites as well as adding some landscape sliders inside the sections of the site. It is designed to fit to different screen sizes as well as tablet and mobile devices.

9. One Page Scroll

用于创建单页网站的最好jQuery插件
One Page Scroll let you transform your website into a one page scroll website that allows users to scroll one page at a time. It is perfect for creating a website in which you want to present something to the viewers. For example, Apple’s iPhone 5S website uses the same technique. You can customize the animation timing, the selector or even the animation easing using CSS3. Don’t forget to grab them for free on Github. Modern browsers such as Chrome, Firefox, and Safari on both desktop and smartphones have been tested.

10. Scroll Deck

用于创建单页网站的最好jQuery插件
A jQuery plugin for making scrolling presentation decks.

11. Full Paged

用于创建单页网站的最好jQuery插件
Full Paged allows you to create single paged layouts with a few optional custom UI elements such as fold up menus. Check out the demo and enjoy!

12. Curtain.js

用于创建单页网站的最好jQuery插件
This plugin allows you to create a web page with multiple fixed panels that unroll with an amusing effect. Exactly like a curtain rises. To navigate, you can use your keyboard instead the scrollbar or mousewheel to navigate into the document. But that’s not all, there is more features! For example, you can easily add a fixed element or multiple “steps” element inside a panel.

13. Pagify.js

用于创建单页网站的最好jQuery插件
This jQuery plugin is specifically created for single-page websites. It works by creating the contents of each menu as separate HTML files and loads those HTML files inside a defined div once a menu item is clicked.

14. Single Page Nav

用于创建单页网站的最好jQuery插件
jQuery plugin that provides smooth scrolling and advanced navigation for single page websites.

15. Single.js

<a href="/misc/goto?guid=4958539096858990976" target="_blank" rel="nofollow" "="">用于创建单页网站的最好jQuery插件</a>
SingleJS is a jQuery plugin that makes it easy to create websites with single-page scroll.