Adminlte фиксированный макет без фиксированного заголовка - PullRequest
Новая
       12

Adminlte фиксированный макет без фиксированного заголовка

0 голосов
/ 26 октября 2018

Так что я использую Adminlte с фиксированным макетом. Дело в том, что я хотел, чтобы только боковая панель была исправлена, а не заголовок. Поэтому я удалил позицию: исправлено из основного заголовка.

Проблема - при прокрутке внизу в боковой панели есть пробел (размер заголовка).

enter image description here

Я попробовал это сначала: 

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

Но проблема в том, что если вы не прокрутите заголовок полностью, боковая панель прыгнет под ним.

enter image description here

Так что теперь я добавил функцию в 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"});
     }

  });

Есть ли лучший способ заставить боковую панель подпрыгнуть вверх?

Я понял, что разрыв показывается, потому что главная боковая панель класса включает логотип сверху. Но странное исправление класса .sidebar не влияет на коллапс боковой панели.

Ответы [ 2 ]

0 голосов
/ 12 января 2019

или вы можете просто добавить " fixed " к вашему телу на main.php 

<body class="hold-transition skin-blue sidebar-mini fixed">
0 голосов
/ 26 октября 2018

Существует два очень простых способа добиться этого

  1. Удалить класс fixed из тела ( Примечание: это сделает прокрутку боковой панели ) или

  2. Добавить свойство css position: absolute в main-header класс

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

...