mccavandish Ответов: 0

Фиксированная навигация по прокрутке становится фиксированной только после того, как она прокрутилась за пределы экрана

On this site , http://evolutionhire.com/ , I've got a navigation bar which should become fixed when it reaches the top of the screen . However it is not performing as expected in that it becomes fixed a couple of hundred pixels after scrolling off screen as opposed to when it hits the top


Что я уже пробовал:

вот разметка для навигации

<ul class="menu">
    <li><a href="#camera">CAMERA</a></li>
    <li><a href="#lighting">LIGHTING</a></li>
    <li><a href="#sound">SOUND</a></li>
    <li><a href="#grip">GRIP</a></li>
    <li><a id="consumables" class="open-consumables">CONSUMABLES</a></li>
    <li><a href="#contact">CONTACT</a></li>
</ul>




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

.фиксированный {
положение: фиксированное;
топ: 0;
}

и jquery для реализации добавленного класса

(функция ($) {
"используйте строгий";

var menuPosition = функция () {
var nav = $( " . menu"),
высота = навигация.outerHeight(),
windowHeight = $(окно).высота();

if ($(window). scrollTop () > (windowHeight-высота))
навигация.добавление ("стационарный");
ещё
навигация.removeClass('фиксированный');
};

menuPosition();
$(document). scroll(menuPosition);
} (jQuery));

0 Ответов