菜单始终在顶部和水平滚动

时间:2013-07-21 20:54:35

标签: javascript jquery html css web-applications

我有麻烦 - http://pickup.eurocargo.fi/last500.php我需要做顶级菜单,总是在顶部,菜单宽度可以比监视器宽度多2倍。如何通过水平滚动进行顶级菜单?

这是顶级菜单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;
}

使用溢出标签我可以滚动,1页和1菜单,我需要将它组合到1.如果我使用此css没有溢出,那么我会得到切割topmenu。

谢谢!

2 个答案:

答案 0 :(得分:0)

看看这个小提琴:http://jsfiddle.net/lulu3030/3sTWF/

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%;
}

HTML:

<div id="menu-container">
    <div id="menu">My menu here</div>
</div>

答案 1 :(得分:0)

您仍然需要设置背景:;