Фиксированное меню при прокрутке?

Question

[L1nw0od]

Добро времени суток есть вот такой сркипт
Работает хорошо, но как сделать чтоб при экране 768 и меньше он был top 0, не знаю(
То как с js не знаком (
Спасибо большое заранее!

<script>
var h_hght = 138; // высота шапки
var h_mrg = 0;    // отступ когда шапка уже не видна
                 
$(function(){
 
    var elem = $('.main-menu');
    var top = $(this).scrollTop();
     
    if(top > h_hght){
        elem.css('top', h_mrg);
    }           
     
    $(window).scroll(function(){
        top = $(this).scrollTop();
         
        if (top+h_mrg < h_hght) {
            elem.css('top', (h_hght-top));
        } else {
            elem.css('top', h_mrg);
        }
    });
 
});
</script>

Comments

[iBird Rose]

очень плохая реализация скрипта. ищите пример с добавлением класса и задавания ему position: fixed;

Answer 1

[Ростислав Сергеевич]

JavaScript здесь необязательно использовать. Вполне достаточно media queries

Вот так будет выглядеть код, который нужно вставить в конец вашего файла со стилями:

@media (max-width: 768px) {
	.element { // Селектор вашего элемента
		top: 0;
	}
}