如何使頁腳彈出窗口覆蓋所有頁面？

Question

我想做以下事情：

按名為“聯系人”的菜單鏈接 -完成
創建帶有電子郵件、權限和聯系人的頁腳 -完成
按“聯系人”（菜單）后，所有頁面都變成白色，電子郵件、權限和聯系人保持在中間（也許是 jQuery？）

這可能嗎？

我不想創建帶有聯系表單的頁面，僅此而已。 我應該繼續我的 index.html 頁面底部的 #contacts，並使用 Parallax 或 FullPage.JS？

查看頁面和代碼： www.wemadeyou.pt

Answer 1

是的，這是可能的，而且不是很困難。 一種方法是在頁面上創建一個div並使用 css display: none來隱藏div 。 然后在單擊“聯系人”菜單按鈕時使用 jQuery 顯示該div 。

就像是：

網址：

<body>
  <p>Here is some content</p>

  <div class="contact-form-container">
    <form class="contact-form">
    <!-- put your contact form here -->
    </form>
  </div>

</body>

CSS：

.contact-form-container {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.25);
  z-index: 200;
}

JS（jQuery）：

$(document).ready(function() {
  $('.contacts').click(function(e) {  //or whatever the class/id of your menu button is
    e.preventDefault();
    $('.contact-form-container').toggle();
  }
}

這將使您獲得大部分途徑。 當然，您仍然必須處理表單。

希望有幫助。

如何使頁腳彈出窗口覆蓋所有頁面？

問題描述

1 個解決方案

解決方案1
1 已采納 2014-03-31 01:21:44

如何使頁腳彈出窗口覆蓋所有頁面？

問題描述

1 個解決方案

解決方案1 1 已采納 2014-03-31 01:21:44

解決方案1
1 已采納 2014-03-31 01:21:44