Search code examples
jquerycsscoda-slider

CSS Overflow with Coda Slider

Im using the Coda Slider. If you don't know the Coda Slider, the overflow-x position is hidden until a tab is clicked. An animation then slides the hidden DIV in from the right or left.

If you scroll down one of the panels and click the tabs at the top again, it slides the tab over, but it doesn't change the overflow position.

Is there a way of controlling the overflow-y or even reset it to 0?

Solution

  • CSS 3 has the property overflow-y (and overflow-x). They are not supported by older browsers like IE 7 and older Firefox, but certainly useful.

    CSS 3 Overflows-y/x

    There are some great examples of how they behave.

    jQuery has some nice features too:

    jQuery scrollTo info

    or for an example:

    Demo similar to the code slider

    Hope that helps