Question

这是我正在使用的侧边栏幻灯片：jsfiddle

我希望能够将侧边栏滑入特定div内，而不是在身体内部。

例如：

<style>
div.windowmain {
height:50%;
width:50%;
border:1px solid black;}

</style>


<body>
  <div class="windowmain">
  </div>

  <div class="therest">
  </div>
</body>

我希望侧边栏在窗口内滑动。

PS：这不是我想要ul的父元素是div，不是。我希望侧边栏在较小的div内滑动，而不是在整个身体上滑动。

#update 1

<小时/> 我最清楚，而不是这个

enter image description here

我想要这个;

enter image description here

Answer 1

过了一会儿，我想我已经找到了解决办法我将逐步解释解决方案。

首先：
在div中包含称为“side-menu”的整个ul菜单。

第二步：
删除'position：fixed;'来自“侧菜单”的CSS样式

第三步：
现在用包含这样的东西来设置包裹ul的div：

.menu-wrapper{
    position:fixed;
    width:250px;
    height:600px;
    background-color:red;
    overflow:hidden;
}

现在根据自己的需要设置ul的包装div。

Here i've updated the jsFiddle you provided us.

我希望这可以帮助你，祝你进一步发展！

如何让侧边栏滑入div而不是身体？

1 个答案: