Day Cat Tmall Category menu Effects

We all know the day Cat mall style has been changing, we have been imitating, Taobao walk in the electronic mall design trend ...

Just like this menu, presumably everybody wants to know how to achieve, today we also try to do.

I wrote Li in HTML, with div,fllist in it, set to none, to implement the pop-up window ... The effect of this menu is scrolling, the menu will be folded in layers

。

I made the judgment in the script, when ScrollTop is bigger than a certain value, the following menu will fold up, write one by one, feel very rigid, hehe ... We all know that this kind of writing, for IE6, can only be ineffective, so, under IE6, we are scrolling after it has been unfolded ... In this way, it seems that there is no difficulty, but we deal with the details, no day cat do well ah ... As for the above unfolded display and the streamlining display, I was through addclass and removeclass to achieve ...

Here's a screenshot of the results I've created: