javascript - Make div stick to the bottom of container div -


To set me a div (# menu) below the edge of the bottom of my container (# left) . Normally it is easy with full position, but I want to have # to spread to the size of the # menu, so if it sticks up or down, why are you surprised?

I use the jQuery slideshow effect, which is an animation # in this example, I want to see the # menus on the bottom of the container instead of moving it upward, as if it is blanket Like being dragged. However, the bottom is cut off by default overflow.

This is for menus. If you do not get what I mean so far, then see them.


I have done some work, though it is an ugly hack. The # menu remains a normally deployed element on the ready document I use javascript to fully deploy it. To prevent # from falling, with the height of #menu, I add it to an empty div.

This can be seen on the page I added.

This should work.

  #cont {width: 200px; Border: 2px solid blue; Status: Relative; Clip: Auto; Hidden flurry; } # Menus {width: 200px; Background: orange; Status: Relative; } $ ('# Menu'). Click (function () {var theHight = $ (this) .hit (); $ (this) .smate ({top: -heath}, 500) .Parent (). {Height: 0}, 500);} ); & Lt; Div id = "cont" & gt; & Lt; Div id = "menu" & gt; Br / & gt; Content & lt; Br / & gt; Content & lt; Br / & gt; Content & lt; Br / & gt; & Lt; Br / & gt; Content & lt; Br / & gt; Content & lt; Br / & gt; Content & lt; Br / & gt; ; Content & lt; Br / & gt; Content & lt; / Div & gt; & Lt; / Div & gt;  

Comments

Popular posts from this blog

sql - dynamically varied number of conditions in the 'where' statement using LINQ -

asp.net mvc - Dynamically Generated Ajax.BeginForm -

Debug on symbian -