Question

因此，我使用具有固定布局的Adminlte。问题是我只想要固定边栏，而不想要标题。因此，我从主标题中删除了位置：fixed。

问题-向下滚动时，侧边栏顶部有一个间隙（标题的大小）。

我一开始尝试过这个：

.fixed .main-sidebar{
   padding-top:0;
}

但是问题是，如果您没有完全滚动经过标题，则侧边栏会跳到其下方。

所以现在我在js中添加了一个函数来计算位置并相应地添加填充。它有点工作，但它的时间太长，可能是一个不好的解决方案。

$(window).scroll(function () {

     var positionNow = $(window).scrollTop();

     if (positionNow < 50){
         $('.fixed .main-sidebar').css({"padding-top" : 50 - positionNow});
     } else {
         $('.fixed .main-sidebar').css({"padding-top" : "0"});
         $('.main-sidebar').css({"padding-top" : "0"});
     }

  });

有没有更好的方法可以使侧栏跳到顶部？

我意识到差距正在显现，因为类main-sidebar在顶部包含徽标。但是奇怪地使类.sidebar固定不会影响侧栏折叠。

Answer 1

有两种非常简单的方法来实现

从正文中删除fixed类（注意：它将使侧边栏可滚动）或
在position: absolute类中添加css属性main-header

.main-header { position: absolute !important; }

Answer 2

或者您可以在main.php上向您的身体添加“ 固定”

<body class="hold-transition skin-blue sidebar-mini fixed">

没有固定标题的固定布局

2 个答案: