Here’s as close as I’ve gotten to this:
http://www.freewaytalk.net/thread/view/30155#m_96336
You’ll need Protaculous, naturally, with the scriptaculous-packed library selected, and you need to name the elements very clearly and carefully so you can reference them in the script.
You need the following elements:
###Outer DIV
An HTML box with Overflow set to Hidden. This forms the “window” through which you reveal the inner DIV and its contents when you scroll the effect.
###Inner DIV
An HTML box drawn as a positioned child of the outer DIV, and named unambiguously. The easiest way to create this is to click once on the Outer DIV, so it’s highlighted, and then choose the HTML box tool and draw a small box directly in the middle of the outer DIV. The edges of the outer DIV will highlight blue to indicate that it is the parent object. Finally, use the Inspector to set the inner DIV at 0, 0 top and left, and width to match your outer DIV. Height doesn’t matter for now, just type something inside the inner DIV, then disable the height (make it a flexible height box) by clicking on the up/down arrow next to the height box in the Inspector.
###Track
An HTML box that defines the area that the thumb (the control handle) moves within. It must be the same height as the outer DIV. Make sure that the name of this element is related to the inner DIV, just so you can keep the effect(s) straight if you use more than one of these on a page.
###Thumb
The object that you drag with the mouse to make the effect go. This can be either an inline element within the track or a positioned child element of the track. Again, keep the name clear to yourself.
If you’re looking at the Gist with the code, the last three lines are there to set up three separate scroll areas, and they also include (optional) plus and minus buttons to scroll the effect in little jumps. If you’re only setting up one effect, you only need one of these lines, and you only need to indicate the thumb, track and inner DIV elements in the function signature. You would use YOUR names for these values, not the ones I used in my example.
Walter
On Oct 4, 2011, at 12:23 PM, chuckamuck wrote:
On 4 Oct 2011, 4:22 pm, chuckamuck wrote:
Many people use the JavaScript scrolling area effects (I think there’s an Action for this…
Not yet… so GET BUSY!
Take it back, there is one for a scroll area but it does not produce a scroll bar.
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options