Question

我有一个主元素，其中包含我的页面内容和右侧菜单栏（我使用jquery sidr）。当我点击＆＃34;右侧菜单＆＃34;链接，菜单打开，但将主div推到左侧。

这是我的代码：

<div style="position:relative">
    <div id="main_div style="position:absolute; z-index:20;"> 
        <a id="right-menu" href="#right-menu">Right Menu</a>
    </div>
    <div id="sidr" style="position:fixed">
      <ul>
        <li><a href="#">List 1</a></li>
        <li class="active"><a href="#">List 2</a></li>
        <li><a href="#">List 3</a></li>
      </ul>
    </div> 
</div>
<script>
$(document).ready(function() {
    $('#right-menu').sidr({
      name: 'sidr',
      side: 'right'
    });
});
</script>

sidr元素的z-index是10，它小于main元素的z-index。我想打开主元素上的sidr而不将主元素推到左侧。我怎样才能做到这一点？感谢...

Answer 1

在sidr文档页面上，它说您可以选择关闭正文内容的位移：

jQuery(selector).sidr( [options] )

displace（布尔值）默认值：true [版本1.2.0以上]

取消身体内容。

使用jQuery sider防止元素转换

1 个答案: