Как изменить js скрипт с плавающем меню?

Question

[ximik]

Здравствуйте!
Нашел скрипт на одном сайте с плавающем меню при прокрутке страницы
$(function(){
$(window).scroll(function() {
var top = $(document).scrollTop();
if (top < 100) $("#menu-blok").css({top: '0', position: 'relative'});
else $("#menu-blok").css({top: '10px', position: 'fixed'});
});
});

Подскажите пожалуйста, как правильно изменить / добавить код, что бы на экранах меньше 767px фиксирование меню отключалось ?

пробовал добавить строчку ниже, но это не работает
else $("#menu-blok").css({@media (max-width: `767px`) {position: 'relative'}});

Answer 1

[Cyber_bober]

if ($(window).width()>767{
paste your code here
})

UPD

if ($(window).width()>767{
$(window).scroll(function() {
var top = $(document).scrollTop();
 if (top < 100) {$("#menu-blok").css({top: '0', position: 'relative'});}
else {$("#menu-blok").css({top: '10px', position: 'fixed'});}
});
}

P.S. ну ебна, это же просто)

Answer 2

[ximik]

Я извиняюсь!!! Я в этом абсолютный чайник.
вставил код строкой ниже, но не сработало

$(function(){
$(window).scroll(function() {
var top = $(document).scrollTop();
if (top < 100) $("#header-blok").css({top: '0', position: 'relative'});
else $("#header-blok").css({top: '10px', position: 'fixed'});
if ($(window).width()>767{
position: 'relative'
});
});
});

Answer 3

[Александр]

Мой ответ не будет связан с решением Вашей задачи, я хочу прокомментировать увиденный код. Я приверженец того, что css свойства должны быть в css файлах, js - в js файлах. Будет более удобно обслуживать код, если вы вынесете css свойства в соответствующие классы, а с помощью js (jQuery) будете навешивать/удалять их на DOM элементы (с помощью, например, addClass/removeClass)