0

我已经建立了一个自定义幻灯片菜单，这让我有点悲伤。例如单击此处，当您单击菜单按钮时，滑动菜单将背景图像推到右侧并离开和超出 x-scroll。

我对这个功能的目标是让滑动菜单位于背景图像的顶部。目前我的背景图片是一个<img>标签，absolute定位为客户想要手动更新图片。这可能是发生此问题的主要原因。还div id="right"包装了所有内容，包括背景图像。我试图放置在我包装内容的位置但是我想不出一种方法来使它正常工作我想知道是否有办法解决这个问题下面是一段代码，包括 javascript 和 HTML 结构.

$('#button').toggle( 
function() {
    $('#right').animate({ left: 400 }, 'slow', function() {
        $('#button').html('Close');
    });
}, 
function() {
    $('#right').animate({ left: 0 }, 'slow', function() {
        $('#button').html('Menu');
    });
}

);

<div id="right">
    <div id="menubar">
        <div id="button">
            Menu
        </div>
    </div>

<div id="menu">
    <ul>
        <li><a href="#">Menu Item 1</a></li>
        <li><a href="#">Menu Item 2</a></li>
        <li><a href="#">Menu Item 3</a></li>
        <li><a href="#">Menu Item 4</a></li>
        <li><a href="#">Menu Item 5</a></li>
        <li><a href="#">Menu Item 6</a></li>
        <li><a href="#">Menu Item 7</a></li>
        <li><a href="#">Menu Item 8</a></li>
        <li><a href="#">Menu Item 9</a></li>
        <li><a href="#">Menu Item 10</a></li>
        <li><a href="#">Menu Item 11</a></li>
        <li><a href="#">Menu Item 12</a></li>
    </ul>
</div>

有人可以建议我解决这个问题的方法吗？

4

1 回答 1

0

简单添加：

Body{
    overflow-x:hidden;
}

所以隐藏body -s 水平滚动。

有关溢出的更多信息。

于 2013-04-18T19:25:58.297 回答