javascript - menu always on top and horizontal scroll -
i have trouble - http://pickup.eurocargo.fi/last500.php need top menu on top, , menu width can 2x more width of monitor. how possbile top menu horizontal scrolling?
here top menu css:
.visiblediv, #topmenu { position: fixed; overflow: auto ; width: 100%; border: solid 1px #e1e1e1; vertical-align: middle; background: #fff; text-align: center; top: 0px; left: 0px; padding-bottom:10px; }
with overflow tag scrolls, 1 of page , 1 of menu, need combine 1. if use css without overflow, cutted topmenu.
thank you!!
have fiddle : http://jsfiddle.net/lulu3030/3stwf/
the css :
html { height: 300%; } #menu-container { position: fixed; top: 0; left: 0; right: 0; overflow: auto; border: solid 1px #e1e1e1; background: #eee; text-align: center; padding:10px; } #menu { width: 200%; }
the html :
<div id="menu-container"> <div id="menu">my menu here</div> </div>
Comments
Post a Comment