如何使標題透明並在隱藏時顯示它

我正在切換標題的可見性，當我隱藏它時，我需要它是透明的並顯示滾動內容。如何使標題透明並在隱藏時顯示它

我嘗試了幾種方法，但標頭不透明。請注意它被正確隱藏，但它留下了白色背景。所以我想讓它透明：

$('.ui-header').hide().animate({opacity: 0.0});// Hide the header but its opacity doesn't get to 0 
$(".ui-header").css("backgroundColor", "transparent");// No effect

如何使標題透明，以便顯示下面的內容？

來源

2014-10-12 Malloc

如果你手動隱藏它，你需要調用'$ .mobile.resetActivePageHeight（）'。頁面頂部填充40px的標題。 – Omar 2014-10-12 15:04:28

[set content height 100％jquery mobile]可能重複（http://stackoverflow.com/questions/21552308/set-content-height-100-jquery-mobile） – Malloc 2014-10-13 08:07:17

你確定答案就是你要找的對於？ – Omar 2014-10-13 08:09:30

$(".ui-header").hide();

應該足夠了。隱藏元素意味着不顯示它，這相當於將元素的不透明度設置爲零。

當閱讀documentation for the jQuery function .hide()時，它清楚地表明沒有任何參數的.hide()等效於CSS中的display: none;。

如果你找不到JS的錯誤，我建議在ui-header的CSS中給display: none;。如果兩者都不起作用，我們需要更多的代碼來追蹤錯誤並給出正確的答案。

編輯：一個JSFiddle演示可用here。

來源

2014-10-12 14:55:17 Whitehooder

如何使標題透明並在隱藏時顯示它

回答

相關問題