Just for your information: our new VariScroll engine runs in two modes: automatic or manual:
- automatic mode: you choose an element to apply VariScroll to, and this element becomes variscrolled. VariScroll itself wraps the element into another div. So if you have something like this: div.myscroll, it becomes: div.variscroll-container > div.myscroll. The old div.myscroll is wrapped into newly created div.variscroll-container. This is needed so the engine works. FYI everything can be undone using the destroy() method.
- manual mode: you need to create the wrapping divs prior to calling VariScroll, and you send these elements selectors to the engine. This had to be done so the SAY ads could be loaded (they're nasty). Let me show on the Phoenix demo I am working on:
<div id="variscroll">
<div id="variscroll-roller">
<div class="unit first">Advertisement</div>