样式控制侧栏在出现滚动条但垂直固定时移动

时间:2018-08-10 19:22:23

标签: html css twitter-bootstrap adminlte

我有一个使用AdminLTE进行样式和格式设置的网站。在页面的最右侧,有一个按钮,该按钮会下拉具有control-sidebar类的div。为了使侧边栏到达页面底部,它需要一个div,并将control-sidebar-bg类直接置于其下方。代码看起来像这样:

<aside class="control-sidebar control-sidebar-dark">
    <div class="sidebar-content">
        html
    </div>
</aside>
<div class="control-sidebar-bg"></div>

不幸的是,control-sidebar-bg的放置方式出了点问题。有时,当其他内容扩展并且窗口变长时,滚动条会出现在右侧。但是,由于bg是固定的,因此它不会向左移动并最终覆盖滚动条,而其内部的div则会向左移动并导致其弹出背景。

enter image description here

我尝试将位置更改为绝对位置,虽然确实解决了非移动问题,但是当我向下滚动边栏时,不再触及底部。

enter image description here

另外一个问题是,任何更改control-sidebar-bg的CSS的尝试都将失败,因为出于某种原因,无论如何,它将默认使用AdminLTE的原始样式。

我想做的是制作它,以便在滚动条出现时控件侧边栏将随着div的移动而移动,但是将其垂直固定,以便无论向下滚动多远都仍会触及底部。谢谢。

0 个答案:

没有答案