2013-06-11 88 views
0

現在有點麻煩.. http://www.pizziehere.com ..正如你可以看到的標誌動畫下來和中間更大的標誌在頁面加載滑動..問題我現在有..當你調整畫面大小。對於較小的屏幕我的媒體查詢俯瞰怪人..但如果你在一個較小的屏幕尺寸很細刷新..jquery screensize調整大小屏幕

繼承人我的代碼

jQuery(document).ready(function($) { 
    if ($(window).width() > 1000) { 
     $('.logobig').animate({'padding-top': '100px'}, 1000); 
     $('.logo').animate({'padding-top': '150px'}, 1000); 
    } 
});  

怎麼能我做到這一點,當屏幕調整大小時,一切都停留在需要停留的地方?

感謝

+0

有你看着.resize()? http://api.jquery.com/resize/ – musicnothing

+0

是的,但不確定如何將它應用到我的代碼中。 –

回答

0
jQuery(document).resize(function($){ 
    //do your logic here 
}); 
+0

我究竟會把什麼放在「//在這裏做你的邏輯」? –

+0

你嘗試過使用百分比而不是像素嗎?也許你可以使用jQuery(document).resize(function($){('。logobig')。css({'padding-top':$(window).width()*。1 +'px'} }); – lomas09

+0

將與百分比一起去,而是與3個不同的媒體查詢..不打算把這個動畫放在它上面..但現在,它的他們我喜歡它,但不是整個調整大小的東西 –

相關問題