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

标签 javascript jquery html css

这是我正在使用的侧边栏幻灯片: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 内滑动,而不是在整个主体上滑动。

#更新 1


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

enter image description here

我想要这个;

enter image description here

最佳答案

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

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

第二步:
删除“位置:固定;”来自“侧面菜单”的 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.


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

关于javascript - 如何让侧边栏在 div 内滑动而不是在 body 内滑动?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25514860/

相关文章:

javascript - 根据屏幕尺寸从特定 div 添加/删除类

javascript - 动态创建具有可变深度的 JavaScript 对象

javascript - 如何在 react 中设置状态时更新数组中的项目

javascript - 如何正确隐藏选定的下拉菜单?

javascript - jquery 脚本在加载的内容上运行

javascript - 在没有用户事件的情况下对多个 div 执行 Jquery 函数

javascript - Firebase 规则 : Problem with role based authentication in groups and . 其中()

javascript - 在 Ajax 加载的 Material 上绑定(bind)点击事件

javascript - 仅检测 mac 上的 firefox 用户

css - 对齐 ul 标签中的中心菜单选项