Я использую Bootstrap 3 на моем сайте.Вчера я изучал, как сделать левую боковую панель липкой боковой панелью.Это привело меня к подходу Bootstratp Affix * 1004. *CSS основан на том, что я прочитал здесь .
#sidebarmenu.affix-bottom {
position: absolute;
}
Если вы посмотрите здесь :
, вы увидите, что боковая панель ведет себя довольно хорошовначале.Когда вы прокручиваете страницу до конца, меню боковой панели остается прикрепленным, а затем начинает двигаться вверх перед нижним колонтитулом.Все хорошо.Так что кажется ...
Во время этого процесса, когда я использую Инспектор в Chrome, я вижу некоторые изменения класса.Когда страница не прокручивается вниз, класс div становится
class="menu block tile-default affix-top"
Как только вы прокрутите достаточно вниз, класс становится
class="menu block tile-default affix"
А затем, когда вы приблизитесь к нижнему колонтитулу, класс станет
class="menu block tile-default affix-bottom"
Все хорошо.Но когда вы прокручиваете назад вверх, это как если бы функциональность нарушается, и плагин affix, кажется, перестает делать свое дело.Я прочитал здесь «Примечание: не используйте плагин affix для элемента, содержащегося в относительно позиционированном элементе, таком как вытянутый или выдвинутый столбец, из-за ошибки рендеринга Safari».Не уверен, относится ли это к моей ситуации.Я не разработчик сайта.Я - гитарист, пытающийся внести некоторые изменения, и, кажется, это заставляет меня выйти за пределы моей глубины :-) Тем не менее, я могу кодировать, поэтому, если для решения требуется кодирование, я могу это сделать, просто нужно понять, что здесь происходит.
Кто-нибудь знает, как заставить его вести себя, как задумано?
Спасибо!