Connect With WRD
feed via e-mail
feed via e-mail

Posts Tagged ‘Scroll’

Windows is a lightweight jQuery plugin for nicely scrolling the full-screen.

It provides a simple and handy API for managing the page/content position to ease the browsing experience.

The plugin can analyze if a defined content is in the viewport, how much of it is in the viewport and can trigger any actions like focusing the page to the content by scrolling it.

Windows - jQuery Plugin

Scrolling a list of items, like an image gallery or a news feed, is a frequently-used pattern in websites.

Any List Scroller is a very handy jQuery plugin that can perform the scrolling with any list and in any dimension.

Any List Scroller jQuery Plugin

The list elements can be sized differently, it can stop on the first/last items or work infinitely, there is auto-scroll and the number of items to be displayed can be set.

It is also possible to define the scrolling direction (for auto-scroll) and its speed.

Sly is a jQuery plugin that offers item-based (like image/content galleries) scrolling with many useful options.

Within a defined container element, items inside can be browsed with the help of a scroller or with the functions provided like next, nextPage, toStart, toEnd, 5 toStart, etc.

Sly jQuery Plugin

It features different navigation logics which can auto-position next items or keep the active item always in the center.

There is support for infinite scrolling and it work both horizontally or vertically.

The plugin is very handy to be used as a pagination, content or image gallery module.

You'll remember Scrollorama, the popular jQuery plugin for creating chic scrolling effects.

There is now a superior version named SuperScrollorama by the same developer which offers more and complicated animations.

It makes use of the feature-rich TweenMax and the Greensock Tweening Engine (make sure you check its license before using) for accomplishing the effects.

SuperScrollorama

Similar to an animation app, it allows us to add tweens and timelines to it, targeting when an element appears in the viewport or at a specific scroll point.

The website of the resource shows its flexibility and there is a short-yet-enough documentation provided.

LionBars is a jQuery plugin for creating OSX-style, custom scrollbars for any web page.

The scrollbars created looks the same in all browsers under each OS and they don't hurt the usability by not shrinking the content or with the auto-hide option.

It has support for endless scrolling (check related WRD tutorial) and can fire functions when the scrollbar reaches to the end.

LionBars

Scrollorama is a jQuery plugin for creating eye-candy effects in parallel to the scrolling of web pages.

By dividing the content into blocks, it simply lets us to animate elements on the page (when a block is reached) based on the browser window’s scroll position.

The animations are accomplished using CSS properties, durations of them can be defined and it is also possible to set the exact scrolling positions of the start/stop events.

Scrollorama

We generally have lots of content to present but can not load all of it at once as it may take too long.

I always loved the dZone’s Ajax content loading while scrolling feature and created a similar one using jQuery.

I’m pleased to share with WebResourcesDepot readers (Check the demo – scroll down to see new content in the demo)

This Ajax auto content loading can very be handy in almost every project. Don’t forget to bookmark it (del.icio.us link).

jQuery Load Content While Scrolling

Download Load Content While Scrolling With jQuery

Download package includes a working demo coded with ASP with a test MySQL database. ASP code is just a simple query so you can switch it with a one you like easily.

 

Read the rest of this entry »

df Smooth Scroll is a tiny javascript which lets you scroll the page slowly & smoothly.

This script is too simple to understand and use. Nothing but playing with Anchor Tags.

Features:

- Simplest to implement
- One of the smallest Javascript 1024 bytes
- Cross-Browser compatible
- Includes the source file too…

Javascript Scroll

Uptime Robot
feed-holder
FeedBurner
PSD2HTML.com
HotScripts Marketplace