移動電話頂部固定格

我有一個功能，可以將我的.page標題放在頂部。移動電話頂部固定格

我想使它只在590px的寬度下工作，但我似乎遇到了雙重情況的麻煩。

當我添加寬度條件它停止工作。

$(document).ready(function() { 
$(window).scroll(function() { 
    var scrollVal = $(this).scrollTop(); 
    if (scrollVal > 60) && $(window).width() < 590) { 
     $('.page-title').css({'position':'fixed','top' :'0px'});   
    } else { 
     $('.page-title').css({'position':'static','top':'60'}); 
     $('.nav').css({'display':'none'}); 

    } 
    }); 
});

非常感謝

來源

2014-07-24 cfocket

你應該做這樣的事情，使用CSS媒體查詢，而不是JavaScript的。他們更可靠。 – RoToRa

你可以爲scrollVal語句使用CSS媒體查詢嗎？ – cfocket

你如果說法是錯誤的。

if (scrollVal > 60) && $(window).width() < 590) {

應該

if (scrollVal > 60 && $(window).width() < 590) {

或

if ((scrollVal > 60) && ($(window).width() < 590)) {

來源

2014-07-24 09:58:35 GCallie

工作高超，謝謝！ – cfocket

移動電話頂部固定格

回答

相關問題