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

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


 Share

Recommended Posts

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

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

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

Link to comment
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 comment
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 comment
Share on other sites

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

Link to comment
Share on other sites

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

Link to comment
Share on other sites

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

Link to comment
Share on other sites

Только что, spectre сказал:

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

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

Link to comment
Share on other sites


3 часа назад, shabdanff сказал:

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

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

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

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

Link to comment
Share on other sites


  • 3 weeks later...

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

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

Link to comment
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
 Share

×
×
  • 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.