Почему на моем сайте вдруг перестало работать закрепленное вверху меню и как я это исправил

Миниатюра

Здраствуй, дорогой читатель! В прошлой статье я показал вам, как настроить закрепленное вверху меню на своем сайте. Такое меню при прокрутке страницы вниз, остается видимым вверху страницы. Так вот, мое Меню перестало закрепляться при прокрутке вниз! Я расскажу тебе, как я исправил проблему!

Здраствуй, дорогой читатель!

В прошлой статье я показал вам, как настроить закрепленное вверху меню на своем сайте. Такое меню при прокрутке страницы вниз, остается видимым вверху страницы. Вы можете посмотреть вверх и скорее всего увидите этот эффект (если я его не отключил!).

Так вот, одно время я настраивал скрипт скрытия ссылок от Поисковых роботов (индексирущих страницы сайта) и обнаружил после всего этого, что меню перестало закрепляться при прокрутке вниз!

Я кинулся выяснять в чем проблема. Отключал, активировал плагины, перенастраивал плагин Sticky Menu, ничего не помогало! В сердцах я уже хотел нафиг удалить злополучный плагин, когда меня осенило!

Я понял, что в коде скрипта что-то блокирует работу плагина Sticky Menu.

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

 

1. Плавающее меню

1. Плавающее меню на моем сайте. При прокрутке вниз, остается вверху окна.

2. Настройки плагина Stycky Menu

2. Настройки плагина Sticky Menu. Имя Html-элемента, который должен быть закреплен. Все прекрасно работало, но перестало работать!

3. Код который вызвал проблемы. После удаления его все стало работать!

3. Код который вызвал проблемы. После удаления его все стало работать!

Для тех, кто не в курсе, строка кода, которую я удалил, отвечала за подключение библиотеки jQuery, необхдимой для работы скриптов. Библиотека загружается с официального сайта. Все хорошо, но вызов подключения библиотеки расположен в футере.

Таким образом все скрипты, которые запускались выше, перестают действовать, после подключения библиотеки!

Простой рецепт — либо перенесите строку подключения библиотеки выше — сразу после объявления тега <body>, либо вообще удалите ее.

На многих темах данная библиотека итак подключается по-умолчанию.

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

А вы сами решайте как ее решить, если столкнулись с подобным.

Всем счастливо, успехов в веб-мастеринге!

Теги: ,

>