ziliboba0213

Рейтинг
830
Регистрация
03.09.2009
Интересы
Поделываю сайты
1981


$(window).resize(function(){
if($(window).width()>=1024 ) { jQuery('#tabs-menu').css("position", "fixed"); }
else { jQuery('#tabs-menu').css("position", "static"); }
});
window.addEventListener('orientationchange', function() {
if($(window).width()>=1024 ) { jQuery('#tabs-menu').css("position", "fixed"); }
else { jQuery('#tabs-menu').css("position", "static"); }
}, false);
$(document).ready(function(){
if($(window).width()>=1024 ) { jQuery('#tabs-menu').css("position", "fixed"); }
else { jQuery('#tabs-menu').css("position", "static"); }
});

Теперь 🤪

Dram:
Нет мне нужно чтобы меню НЕ ПЛАВАЛО при разрешении МЕНЕЕ 1024

Ваш код я проверил при разных разрешениях - он вообще не работет.

<script>

$(window).resize(function(){

if($(window).width()>=1024 ) { manamana(); }

});

window.addEventListener('orientationchange', function() {

if($(window).width()>=1024 ) { manamana(); }

}, false);

$(document).ready(function(){

if($(window).width()>=1024 ) { manamana(); }

});

function manamana(){

$('body').html( $(window).width() );

}

</script>

У меня работает. Ищите проблему в самом коде, который вы вставили в функцию manamana()

Так чтобы не плавало, надо другое условие:

$(window).resize(function(){

if($(window).width()<1024 ) { jQuery('#tabs-menu').css("position", "static"); }

});

Dram:
TOP 2 задан выше, вот так код работает как нужно но только на деспопах, а вот на мобилах портит всю картину

Вам, чтобы при <1024 все работало, нужно другую функцию написать, чтобы вернуть все стили обратно у tabs-menu..

Dram:
Че то не пашет, есть ошибка?

sTop2 не задан, вы его с sTop3 не перепутали? Замените sTop2 на sTop3, у меня работает :)

Только вам, чтобы при <1024 все работало, нужно другую функцию написать, чтобы вернуть все стили обратно у tabs-menu..

ps axf:
а точно ли нужны костыли с jquery и яваскриптом? может обычного css хватит.

document.documentElement.scrollTop как в css сделать? :) А так да...

Dram:
Большое спасибо за помощь, плюсануть че то не дает!

Не важно, главное чтобы работало :) Я тоже не спец в js :)

Dram:
А 1024 куда? так?

$(window).resize(function(){
if($(window).width()>=1024 ) {manamana(); }
});


$(window).resize(function(){
if($(window).width()>=1024 ) { manamana(); }
});
window.addEventListener('orientationchange', function() {
if($(window).width()>=1024 ) { manamana(); }
}, false);
$(document).ready(function(){
if($(window).width()>=1024 ) { manamana(); }
});

Я поправил немного свой пост

Dram:
Это я все понял - но нельзя ли все эти условия объединить что-ли? чтобы мой код написать 1 раз?

function manamana()
{
тут код...
}

А потом уже просто функцию manamana(); суйте в те места, которые я показал

$(window).resize(function(){ manamana(); }); - это при ресайзе окна мышкой

window.addEventListener('orientationchange', function(){ manamana(); }); - это при повороте телефона (вам может и не надо)

$(document).ready(function(){ manamana(); }); - это при первоначальной загрузке страницы

А свой код суньте в функцию

function manamana()

{

тут код...

}

Всего: 15242