我想隱藏已實現的側欄菜單,但只是在具體頁面中,我使用的是簡單的Javascript,但沒有成功,現在我我可以試試Jquery。任何人都可以給小費或者一些文件。丹科顯示具體頁面時隱藏側邊欄
-2
A
回答
0
假設您的側欄包含一個元素,其ID爲「側邊欄」。 在你想隱藏的頁面,您鏈接在你寫一個.js頁:
//Javascript
window.onload = function() {
document.getElementById("sidebar").style.visibility = "hidden";
};
0
.hide哈哈
你真的需要上傳一些代碼,以便我們能夠解決您的概率。
0
如果頁面有其自己的JavaScript連接到它,你可以嘗試這樣的事情
$(document).ready(function() {
$('#side_bar_id').hide();
});
,或者一般的JavaScript文件應當予以受理
$(document).ready(function() {
var path = window.location.pathname;
path = path.split('/');
if(path[0] == "concretepage") {
$('#side_bar_id').hide();
}
}
0
$('button').toggle(
function() {
$('#B').css('left', '0')
}, function() {
$('#B').css('left', '200px')
})
html, body {
margin: 0;
padding: 0;
border: 0;
}
#A, #B {
position: absolute;
}
#A {
top: 0px;
width: 200px;
bottom: 0px;
background:orange;
}
#B {
top: 0px;
left: 200px;
right: 0;
bottom: 0px;
background:green;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="A"></div>
<div id="B"><button>toggle</button></div>
相關問題
- 1. 如何在頁面頂部滾動並隱藏邊欄時顯示邊欄?
- 2. Javascript onclick菜單按鈕顯示側邊欄,onmouseleave隱藏側邊欄
- 3. gmaps4rails隱藏顯示邊欄
- 4. 如何隱藏和顯示頁面顯示頁眉和頁腳工具欄
- 5. 如何使用側邊欄隱藏加載我的頁面
- 6. 如何在woocommerce頁面中隱藏默認WordPress的側邊欄?
- 7. 側邊欄顯示第一次加載頁面的時間
- 8. 隱藏側邊欄 - marginRight /用Javascript顯示CSS bug
- 9. 如何實施YouTube顯示和隱藏難忘的側邊欄?
- 10. 角2顯示側邊欄由ngIf隱藏的登錄
- 11. 隱藏從側邊欄模塊中顯示的子類別
- 12. 如何隱藏某些頁面的GitHubs wiki頁面上的側邊欄?
- 13. WordPress側邊欄顯示內容下面
- 14. 添加頁面側邊欄
- 15. 隱藏主頁上的帖子並僅在側邊欄中顯示
- 16. 隱藏邊欄顯示在懸停
- 17. 側欄導航與切換隱藏/顯示和字體真棒
- 18. 當單擊頁面中的任意位置時隱藏側邊欄
- 19. 隱藏OpenERP中的側邊欄按鈕
- 20. 使用jquery隱藏側邊菜單欄
- 21. 同時隱藏/顯示導航欄,工具欄和狀態欄
- 22. 如何在側面菜單中顯示和隱藏頁面IONIC2
- 23. 側邊欄不顯示小工具,但個別側邊欄內容
- 24. 隱藏Twitter側欄
- 25. 切換側邊欄以部分隱藏邊欄
- 26. 隱藏並顯示ckeditor工具欄
- 27. iPhone:隱藏/顯示工具欄
- 28. 如何顯示/隱藏PhotoSwipe工具欄
- 29. magento顯示頁面左側邊欄上的類別
- 30. 如何隱藏起始頁中的側邊欄?
發佈您的代碼,如果沒有它,我們將如何幫助! –
爲我們提供了一些代碼嗎? –