@ximik

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

Здравствуйте!
Нашел скрипт на одном сайте с плавающем меню при прокрутке страницы
$(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'}});
  • Вопрос задан
  • 122 просмотра
Пригласить эксперта
Ответы на вопрос 3
@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. ну ебна, это же просто)
Ответ написан
Комментировать
@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'
});
});
});
Ответ написан
Комментировать
@lasmaster
Вся сила в самообразовании
Мой ответ не будет связан с решением Вашей задачи, я хочу прокомментировать увиденный код. Я приверженец того, что css свойства должны быть в css файлах, js - в js файлах. Будет более удобно обслуживать код, если вы вынесете css свойства в соответствующие классы, а с помощью js (jQuery) будете навешивать/удалять их на DOM элементы (с помощью, например, addClass/removeClass)
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы