顯示/隱藏導航欄基於頁腳自來水

我捕捉頁腳內點擊和點擊我切換顯示（）/隱藏（）導航欄。

到目前爲止，我正在捕獲水龍頭，導航欄顯示/隱藏，但是當它顯示它延長頁面的高度的導航欄。這個長度並不明顯，但即使隱藏了導航欄後，它也可以滾動頁面。（它只是增加了導航欄的高度一次，在頁面的底部。）

正如一個供參考「輕按即可切換至」是不是一種選擇，因爲它需要在屏幕和UI的內容部分是攻有其他clickables，這就是爲什麼我必須在頁腳陷阱點擊。

我怎麼能沒有那個長度添加到頁面的底部，以便導航欄更多的是一個疊加而不是一個擴展名或我怎麼能刪除額外的高度上hide（）;

頁腳代碼如下所示：

<div data-role="footer" data-position="fixed" data-theme="b"> 
    <div id="menu" data-role="navbar" data-iconpos="top"> 
    <ul> 
     <li><a href="#" data-icon="gear">Settings</a></li> 
     <li><a href="#" data-icon="delete">Delete</a></li> 
    </ul> 
    </div> 
    <h6>App Footer Text</h6> 
</div><!-- /footer -->

顯示/隱藏JavaScript是這樣的：

if(stateMenu == false) 
{ 
    $('#menu').addClass('fixed'); 
    $("#menu").show(); 
    stateMenu = true; 
} 
else 
{ 
    $('#menu').removeClass('fixed'); 
    $('#menu').hide(); 
    stateMenu = false; 
}

感謝所有...

來源

2012-10-01 ppetree

一下添加到展會塊：

$('#menu').css('display', 'normal');

加入此項到隱藏版塊：

$('#menu').css('display', 'none');

這從DOM刪除DIV所以現在的菜單顯示/隱藏，看起來像它應該...你可以把它綁包括菜單按鈕，任何情況下（我綁它到菜單按鈕和頁腳內的水龍頭）

來源

2012-10-01 21:06:00 ppetree

顯示/隱藏導航欄基於頁腳自來水

回答

相關問題