Question

我想做以下事情：

按菜单链接调用＆＃34;通讯录＆＃34; - 完成
使用电子邮件，权限和广告创建一个页脚联系人 - 完成
按下＆＃34;联系人＆＃34; （菜单），所有页面变为白色和电子邮件，权利＆amp;联系人留在中间（jQuery可能？）

这可能吗？

我不想创建一个包含联系表单的页面，仅此而已。我应该在底部使用#contacts继续我的index.html页面，并使用Parallax或FullPage.JS？

查看页面＆amp;代码： www.wemadeyou.pt

Answer 1

是的，这是可能的，并不是很困难。一种方法是在页面上创建div并使用css display: none隐藏div。然后使用jQuery在＆＃39; Contacts＆＃39;时显示div。单击菜单按钮。

类似的东西：

Html：

<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 个答案: