如何让侧边栏在 div 内滑动而不是在 body 内滑动?

Ham*_*had 2 html javascript css jquery

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

我希望能够使侧边栏滑动到特定 div 内部,而不是主体内部。

例如:

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

</style>


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

  <div class="therest">
  </div>
</body>
Run Code Online (Sandbox Code Playgroud)

我希望侧边栏滑入主窗口内。

PS:这并不是说我希望 ul 的父元素是 div,不。我希望侧边栏能够在较小的 div 内滑动,而不是在整个主体上滑动。

#更新1


我最清楚的是,而不是这个

在此输入图像描述

我要这个 ;

在此输入图像描述

小智 5

经过一段时间,我想我已经找到了解决方案。
我将逐步解释解决方案。

首先:
将名为“side-menu”的整个 ul-menu 包裹在一个 div 中。

第二步:
删除“position:fixed;” 从“侧面菜单”设置 CSS 样式

第三步:
现在将 ul 包裹起来的 div 的样式如下:

.menu-wrapper{
    position:fixed;
    width:250px;
    height:600px;
    background-color:red;
    overflow:hidden;
}
Run Code Online (Sandbox Code Playgroud)


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

我在这里更新了您提供给我们的 jsFiddle。


希望对您有所帮助,祝您进一步发展!