如何使页脚弹出以覆盖所有页面？

-2

我要做到以下几点：所谓的“联系人”如何使页脚弹出以覆盖所有页面？

按下菜单链接 - 完成
创建电子邮件页脚，版权&与我们联系 - 完成
后按“联系人” （菜单），所有页面变白并且电子邮件，权利&联系人停留在中间（jQuery可能？）

这可能吗？

我不想用联系表单创建一个页面，只是为了这个。我应该继续我的index.html页面底部的#contacts，并使用Parallax或FullPage.JS？

见&页面代码： www.wemadeyou.pt

来源

2014-03-30 uniqezor

无论你想要什么，你都可以做到。这是你的网站和你的设计。 –

是的，这是可能的，而且不是很难。有一种方法可以在页面上创建div，并使用css display: none来隐藏div。然后使用jQuery来显示div当'Contacts'菜单按钮被点击时。

喜欢的东西：

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(); 
    } 
}

这将让你最的方式有。你仍然需要处理当然的形式。

希望有所帮助。

来源

2014-03-31 01:21:44 BigHeadCreations

我有点困惑。我了解JS和CSS，但我不明白为什么我应该使用

@uniqezor我想我误解了你的问题。我想你想在菜单中按“联系人”后在index.html页面上显示联系表单。如果您只想在菜单中按“联系人”后在弹出窗口中显示联系人信息，则不需要。 – BigHeadCreations

我的页脚有我想要显示的信息/联系人。也许我不清楚。 – uniqezor

如何使页脚弹出以覆盖所有页面？

回答

相关问题