有没有一种方法可以让侧边栏从它推送的内容中独立滚动?
现在我有一个以这种方式设置的页面:
--------------------------
|[button] Header |
--------------------------
|S | Main content |
|i | |
|d | |
|e | |
|b | |
|a | |
|r | |
--------------------------
| Footer |
--------------------------
我在标题中的按钮切换侧边栏,当它可见时,它将与页面的主要内容一起滚动。我想防止这种情况发生,所以如果有人能告诉我必须做什么,我将不胜感激。
以下是我的 HTML 的基本结构(我无法发布实际代码,请见谅)
<div class="ui segment pushable" style="margin-top:3.5em;" id="mainContent">
<div class="ui inverted labeled icon left inline vertical sidebar menu" id="individual_messages_sidebar">
<!-- side bar content here -->
</div>
<div class="pusher">
<!-- Main Content -->
</div>
</div>
在Javascript中初始化侧边栏的代码
$('#individual_messages_sidebar')
.sidebar({
context: $('#mainContent')
})
.sidebar('setting', 'dimPage', false);
我尝试让侧边栏和/或主要内容具有粘性。尝试用 CSS 给他们固定的位置。也许还有一些我不记得的其他事情,但没有什么像我希望的那样真正起作用。