Error in site navigation

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

Russian language:


Здесь по ссылке разъяснения от одного из основателей “Вебфлоу” как корректно использовать настройки фиксированной навигации.

Основной смысл: для корректной работы скроллинг-навигации лучше всего сделать так, чтобы навбар находился внутри елемента с тегом <header> (ты можешь сделать из “div” в разделе “settings”)

Если у тебя есть “хедер” с фиксированной позицией, то браузер автоматически будет считать нижнюю границу хедера - самой верхней границей окна браузера (надеюсь понятно объяснила).

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

Все interactions теперь сделать не на фиксированный навбар, а на фиксированный хедер:

  • initial appearance: display=none
  • scroll interaction on “Header Section” (you have this already, calls “Show Navbar”, just change the element inside)

Не забудь сделать z-index выше, чем у обычного навбара.

С такими настройками твоя “brief” секция не будет перекрываться навигацией.

English:


There is Vlad explanation about correct using fixed headers and fixed navigation.

In short, if you want section stop it’s scrolling not behind fixed navbar, but right under the bottom line of it, will be better to put navbar inside the header tag (look settings tab)

So I would recommend to change site structure for a bit (it will not effect visual look) src=“//cdck-file-uploads-global.s3.dualstack.us-west-2.amazonaws.com/webflow1/original/2X/d/da6dd2ed96fc150de3f72a2555611d5e786564d3.png” width=“628” height=“452”>

Then, all interactions should be applied on fixed-header (instead of fixed navbar):

  • initial appearance: display=none
  • scroll interaction on “Header Section” (you have this already, calls “Show Navbar”, just change the element inside)

Don’t forget to change fixed-header z-index to higher than “regular” navbar.
With such settings navigation will not cover part of “brief” section.

Regards,
Anna

1 Like

Огромное спасибо, я все сделал, работает, но теперь навбар появляется раньше положенного :unamused:

Измени значение “offset” в “Scroll Out of View”. Там можно использовать не только проценты, но и пиксели.

1 Like

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.