An accordion that has content from 2000px to 200px should probably
take a backseat to using Fx.Slide (slide out on check, slide in on
uncheck) for each checkbox.
1) This solves your concerns and won't throw the <h3> they clicked on
out of view, it will just slide on down and
2) Solves my issue of having a form that hides stuff I've filled out,
as a user I'd want to see the stuff in the form I've filled out
instead of an accordion hiding it.
I have to uncheck the section of the form I've already filled out to
see what I siad, and then check it again to make sure I've got it
checked. Bad usability.
But if you disagree, a second solution is to add a Fx.Scroll to the
window. Then when they toggle the accordion by clicking the <h3> you
can throw in a line to scroll to that <h3>. That's probably exactly
what you're looking for.
var myScroll = new Fx.Scroll(window);
click a checkbox (<h3>):
myScroll.toElement('myElement');
But I'd still recommend using Fx.Slide on the elements instead of the
accordion. It's still sexy-animated how you love it, but more
importantly, more usable.
Merry Christmas!
On Dec 15, 5:38 am, cesarcesar <[email protected]> wrote:
> Check http://www.programmingtalk.com/showthread.php?p=163088#post163088this
> solution out . Its not the solution i was exactly wanting, but it does
> "work" for now. I really am looking for a solution built into the Moo code.
>
>
>
>
>
> cesarcesar wrote:
>
> > @jbmoore -
>
> > I have posted my own topic at
> >http://www.mooforum.net/help12/accordion-sliding-screen-top-open-t918...
> > if you want to follow it also. I will report anything i find as well.
>
> > jbmoore wrote:
>
> >> New to MooTools and really was attracted to the accordion plugin. I
> >> used the exact code in the demo and just replaced the "text" with a
> >> table. (and some color styles) Otherwise did not change any code.
> >> (downloaded the latest core and more. The tables vary from about 6
> >> to 20 rows so some tables do bleed below the fold of the browser
> >> viewport.
>
> >> The problem I'm seeing and think will be disconcerting to a user is
> >> that under certain conditions, when you click certain accordion
> >> elements, the table "scrolls up" so the clicked element (which is a
> >> statement) scrolls out of sight..
>
> >> You can see the effect here.. (tested in FireFox 3 on Mac OSX -
> >> 1440x900 resolution and IE7 on Windows XP)
>
> >>http://www.sonicwebtech.com/paypalestimate.html
>
> >> As a demo click the following statements after it loads..
>
> >> 1) Scroll down so you can see all of the lower statements after the
> >> "Company and ..."
> >> 2) CLICK the statement "We are not sure what PayPal solution is best
> >> for our needs."
> >> 3) For me the statement now scrolls "UP" off the browser viewport.
>
> >> I would have expected the statement to stay in it's current location
> >> and the table to open "down" .
>
> >> Hopefully you see what I mean..
>
> >> If so, any suggestions on how to prevent this behavior..
>
> >> Thank you...
>
> >> John..
>
> -----
>
> Cesar Villacahttp://www.cesarvillaca.comhttp://www.cesarvillaca.com
> --
> View this message in
> context:http://n2.nabble.com/Accordion---scrolls-up-instead-of-down-tp1636986...
> Sent from the MooTools Users mailing list archive at Nabble.com.
