Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
  • Sign Up

Как сделать такое фиксированное меню?


Recommended Posts

Здравствуйте! Нужно создать появляющееся меню как здесь http://mobilak-spb.ru/

При прокрутке сайта вниз наверху появляется фиксированное меню. Как такое сделать???

А еще туда надо добавить эти категории

Link to post
Share on other sites

Ну к примеру так.

Стили и верстку думаю сами скопируете

<script type="text/javascript">
function menu_top(){
	    var scroll_menu = $(document).scrollTop();
	    if(scroll_menu > 400) --->>> Свое значение
		    $("#fixed-menu").removeClass("hidden");
	    else
	        $("#fixed-menu").addClass("hidden");
	}
	$(document).scroll(function(){
	    menu_top();
	})
</script>

 

  • +1 1
Link to post
Share on other sites
48 минут назад, legioner26 сказал:

Ну к примеру так.

Стили и верстку думаю сами скопируете

 

 

мне кажется более оптимальное решение такого плана

 

var menu = $(".menuclass");
             
$(window).scroll(function(){
            if ( $(this).scrollTop() > 100 && menu.hasClass("default") ){
			menu.removeClass("default").addClass("fixed");
            } else if($(this).scrollTop() <= 100 && menu.hasClass("fixed")) {
			menu.removeClass("fixed").addClass("default");
        }
});  	

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

 

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

 

UPDATE

 

на примере используется плагин

https://www.smartmenus.org/

Edited by spectre
Link to post
Share on other sites

Ваше решение тоже хорошее. Но я за то, чтобы за каждую процедуру отвечала своя функция. :)

Link to post
Share on other sites

Когда гора кода так легче понять что и где.

Link to post
Share on other sites

Да и к премеру если чуть подправить ее, то можно передвать в нее хоть 100 меню :)

Link to post
Share on other sites

Спора нет. Для одноразового использования ваше решение актуальнее моего.

Link to post
Share on other sites
32 минуты назад, AWARO сказал:

@spectre верстать могишь?)

Не, верстка тупая тема, сам ищу верстальщика) 

Link to post
Share on other sites
Только что, spectre сказал:

Не, верстка тупая тема, сам ищу верстальщика) 

я тоже ищу тупицу )

Link to post
Share on other sites
3 часа назад, shabdanff сказал:

Здравствуйте! Нужно создать появляющееся меню как здесь http://mobilak-spb.ru/

При прокрутке сайта вниз наверху появляется фиксированное меню. Как такое сделать???

А еще туда надо добавить эти категории

ссылку бы хоть оставили, какие эти категории? сторонние ссылки есть там?)

Link to post
Share on other sites

moskva.paschaopencart.ru

Разрешаю скопипастить )))

Link to post
Share on other sites

  • 3 weeks later...

возможно я туплю, но зачем js?

<nav id="menu" class="navbar affix-top"  data-spy="affix" data-offset-top="циферка в пикселях с которой начинается фиксация">

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Similar Content

    • By madehtml5
      Скачать/Купить дополнение


      Горизонтальное Меню Для Админпанели
      Небольшой модуль для замены бокового меню горизонтальным для удобства работы
      Добавил recon10263266 Добавлено 29.10.2021 Категория Меню, дизайн, внешний вид Системные требования Метод активации Автоматическая активация Ioncube Loader Нет OpenCart 3.0 ocStore 3.0 OpenCart.Pro, ocShop Обращение к серверу разработчика Нет  
    • By madehtml5
      Небольшой модуль для замены бокового меню горизонтальным для удобства работы
    • By sssssss
      Здравствуйте, возникла ошибка в мобильном меню. Вылазит большая иконка меню только на мобильном, ошибка возникла внезапно. На протяжении пару дней ничего не менял. Заходил, было все в порядке 

    • By Rainier
      Здравствуйте!
      Из-за специфичной структуры в которой все категории магазина вложены в единую родительскую МАГАЗИН,  имеются проблемы с отображением: http://new.invalidnye-koljaski.ru/ Для удобства хочу поставить ссылку на родительскую категорию МАГАЗИН вместо стандартной "Список категорий" в главном меню, чтобы она также открывалась при наведении. Т.е. при наведении курсора отображалось выплывающее меню с содержимым категории МАГАЗИН
       
      Как правильнее всего это реализовать? Посоветуйте, пожалуйста
    • By petrovmn
      Добрый день!
      opencart 2.3 
      Установил модуль Ajax Quick Checkout. Модуль встал, включился. Но магазин и админка зависли: грузится, но время обработки обработки запроса более 20 сек. При отключении работоспособность восстанавливается. Было сделано предположение о конфликте с установленным ранее модулем popupcart_extended_for_v2.3 (всплывающая  корзина) - отключение, удаление и последующая активация  Ajax Quick Checkout привело к следующему: сайт работает, админка работает, но слетела анимация: аккордеоны не разворачиваются, не работают некоторые  кнопки, например, загрузить/удалить и пр. 
      Ошибка только одна PHP Notice:  Undefined variable: username in /home3/vxwffggv/velodata/admin/view/template/common/column_left.tpl on line 5 
      Как восстановить с наименьшими потерями (без переустановки)? Может кто подсказать?
  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.