Tag Archives: scrolling
Parallax Effect Using Only CSS With No JavaScript
Posted on July 8, 2012 by Jason
This demo requires Internet Explorer 10 or higher. Switch to a better browser to view the demo. I highly recommend Google Chrome. Parallax is a visual effect, which can be created using layered graphics to imitate depth or distance. In this article, I’ll introduce to you the CSS3 @keyframes rule, and demonstrate how to create [...]
Posted in css | 3 Comments »
Tagged: animate, animation, auto, automatic, automatically, background, bg, bottom, clip, css, css3, depth, div, effect, fixed, frame, frames, horizontal, key, keyframe, keyframes, layer, layered, left, move, movie, overflow, parallax, position, right, scroll, scrolling, slide, sprite, top, vertical
Detach It – A jQuery Plugin
Posted on April 23, 2012 by Jason
Detach It is a jQuery plugin which can create a floating clone of nearly any HTML object. Detach It is useful if you want to create a floating navigation menu similar to the one on my website. How Does It Work?
Posted in jQuery | No Comments »
Tagged: css, detach, detaching, fix, fixed, float, floating, hover, hovering, javascript, jQuery, links, list, menu, nav, navigation, position, scroll, scrolled, scrolling, top
Screw – A jQuery Plugin
Posted on November 14, 2010 by Jason
Screw, a word I re-coined from scroll + view, is a jQuery plugin which loads HTML as a user scrolls the webpage. Screw will help you save bandwidth by only loading content as it is scrolled into view. Screw can also be used to create continuously scrolling, bottomless pages where content is appended to the [...]
Posted in jQuery | 33 Comments »
Tagged: add, append, auto, automatic, automatically, bottom, bottomless, content, continue, continuous, endless, focus, hidden, html, infinite, insert, jQuery, load, loads, more, neverending, not, page, screen, screw, scroll, scrolling, send, until, view, viewport, when, while, window