Opened 14 years ago

Closed 10 years ago

#3914 closed feature (plugin)

New effect - "scrollview" - scroll a dom element smoothly into view

Reported by: biGGs Owned by:
Priority: minor Milestone: 1.10.0
Component: ui.effects.* (individual effect) Version: 1.6rc5
Keywords: effects, scrollview Cc:
Blocked by: Blocking:


Some weeks ago, I switched over using the ui framework. So I rewrote some of my plugins to use the effects/widget mechanism. With this attached effect, I want to begin sharing some of my work.

Tested on IE6/7,FF,Safari,Opera,Chrome.

The effect is quite easy, but by the time of writing it, I have not seen it yet on jQuery. Instead of the ScrollTo plugin, which scrolls to the top left corner of an element, this plugin scrolls only as much as neccessary, so the element is in view.

Just give it a try. Take an element, which is not fully in the viewport, and call it like any other effect:

$(element).effect('scrollview', {}, 500);

Perhaps you want to add it to the effects library.

Attachments (1)

effects.scrollview.js.txt (1.2 KB) - added by biGGs 14 years ago.

Download all attachments as: .zip

Change History (6)

Changed 14 years ago by biGGs

Attachment: effects.scrollview.js.txt added

comment:1 Changed 14 years ago by Jörn Zaefferer

Milestone: TBD1.8

comment:2 Changed 12 years ago by Corey Frang

There are a few solid plugins that handle scrollTo type functionality already - also - this doesn't really have the "effects" scheme - there isn't a show/hide mode for "scrollTo"

comment:3 Changed 12 years ago by Corey Frang

Milestone: 1.9TBD

comment:4 Changed 10 years ago by Scott González

Milestone: TBD1.10.0

comment:5 Changed 10 years ago by mikesherov

Resolution: plugin
Status: newclosed
Note: See TracTickets for help on using tickets.