The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

Weird issue with a mostly css acordian slider

  • # June 6, 2013 at 6:27 pm

    [CSS Accordian Slider with jquery for class addition and removal]( “Acordian Slider”)

    Through this together really quickly so the code still needs a crap load of optimization, but I’m having an odd issue. If you roll over an item, then roll off it quickly, the total width seems to scroll between roughly 98% of the container and 102% of the container. This wouldn’t be a huge problem except that when it goes over 100% the item wraps onto the next line. I can fix this with an extra wrapper thats 103% width, but I’d like it to just stay inside of its containing element.

    I’ve tried switching from inline-block to floats and switching from ease to a linear transition, neither of which helped, but I did notice that the slower I make the animation, the less pronounced is the width wobble.

    Any ideas would be greatly appreciated.

Viewing 1 post (of 1 total)

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed