Плавное перемещение меню сайта

144
12 декабря 2019, 03:30

Я пытаюсь сделать такой же эффект как у bootstrap когда листаешь страничку вверх-вниз и меню, которое находится вверху, перемещается вместе со скроллированием.

В принципе я сделал этот эффект, однако есть одно но - видно, иногда, как дергается эта менюшка в след за скроллированием, поэтому вопрос - как сделать что бы меню перемещалось плавно???

Вот мой js код:

window.onscroll = function() 
      { 
        let menu = document.getElementById("NavbarMenu"); 
        menu.style.position = "absolute"; 
        menu.style.width = "100%"; 
        let scrolled = window.pageYOffset || document.documentElement.scrollTop; 
        menu.style.top = scrolled + "px"; 
      }

Я знаю что у бутстрапа есть такой эффект, однако я использую bootstrap4 и этот эффект не работает в IE10 и ниже, поэтому я хочу сделать его сам с помощь js.

Answer 1

Можно задать классу меню свойства

 position: fixed; top: 0; left: 0

Либо,

   position: sticky; top: 0; left: 0;

Зачем из JS это делать, я пока не понял.

READ ALSO
MySQL NULL ошибка запроса SELECT

MySQL NULL ошибка запроса SELECT

Всем привет, пишу парсер расписанияБывают ситуации когда нету у занятия учителя

122
Скорость медленная очень. MySQL база

Скорость медленная очень. MySQL база

Установил Xampp и стартанул через MySQL serverЕсть база, таблицы в форматах *

117
Как отсортировать COUNT() из другой таблицы mysql?

Как отсортировать COUNT() из другой таблицы mysql?

Очень неожиданно возникла проблема с нехваткой знаний в sql(mysql)Времени их пополнить нет

136
Как починить android.os.NetworkOnMainThreadException

Как починить android.os.NetworkOnMainThreadException

ЗдравствуйтеПытаюсь сделать POST запрос на ajax страницу с помощью HttpURLConnection

129