这是我正在使用的侧边栏幻灯片: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
我最清楚的是, 而不是这个
我想要这个;
最佳答案
过了一段时间,我想我已经找到了解决方案。
我将逐步解释解决方案。
首先:
将名为“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/