菜单始终位于顶部，水平滚动

Question

我遇到了麻烦-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。

谢谢！！

Answer 1

看看这个小提琴： 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>

Answer 2

您仍然需要设置背景：