我有一个带幻灯片和社交分享图标的网站.当您滚动到页面底部并单击社交分享按钮正上方的滑动框时(当这两个按钮相互跟随时发生),滑动面板上会出现一个白色图层1,滚动后会消失.这只发生在chrome和opera上.该网站和完整的CSS代码.这样做的具体代码如下.
.socialPlugin .socials .fa {
height: 2.5em;
font-size: 2em;
overflow: hidden;
position: relative;
text-decoration: none;
width: 2.5em;
-webkit-backface-visibility: hidden;
}
.socialPlugin .socials .fa:before, .socialPlugin .socials .fa:after {
left: 0;
position: absolute;
text-align: center;
-webkit-transition: 0.5s;
transition: 0.5s;
top: 50%;
width: 100%;
}
当用户点击叠加层时,我想要关闭一个滑出菜单.菜单关闭但是要再次打开它我必须两次点击切换而不是一次,我在哪里错了？谢谢.展示此slideoutMenu的示例页面
function expandOverlay() {
var overlay = document.createElement("div");
overlay.setAttribute("id", "overlay04");
overlay.setAttribute("class", "overlay04");
document.body.appendChild(overlay);
}
function restore() {
document.body.removeChild(document.getElementById("overlay04"));
}
// create menu variables
var slideoutMenu = $('.slideout-menu');
var slideoutMenuWidth = $('.slideout-menu').width();
$(document).ready(function() {
$('.slideout-menu-toggle').on('click', function(event) {
event.preventDefault();
// toggle open class
slideoutMenu.toggleClass("open");
// slide menu
if (slideoutMenu.hasClass("open")) {
slideoutMenu.animate({
left: "0px"
});
expandOverlay();
} else {
slideoutMenu.animate({
left: -slideoutMenuWidth
}, 250);
restore();
}
});
});
window.addEventListener('mouseup', function(event) {
var box = document.getElementById('menu_s');
if (event.target != box && event.target.parentNode …我正在使用来自codrops 的stepsForm.js的升级版本.无论如何,联系表单发送电子邮件但没有来自输入的值,即$_POST['email'].PHP ......
<?php
$field_email = $_POST['email'];
$field_name = $_POST['name'];
$field_residence = $_POST['residence'];
$field_profession = $_POST['profession'];
$field_club = $_POST['fave_club'];
$field_message = $_POST['message'];
$mail_to = 'idwapro2@gmail.com';
$subject = 'Message from vidz.dundaah visitor '.$field_name;
$body_message = 'E-mail: '."\n".$field_email."\n\n";
$body_message .= 'Name: '."\n".$field_name."\n\n";
$body_message .= 'Residence: '."\n".$field_residence."\n\n";
$body_message .= 'Profession: '."\n".$field_profession."\n\n";
$body_message .= 'Fave_club: '."\n".$field_club."\n\n";
$body_message .= 'Message: '."\n".$field_message;
$headers = 'From: '.$field_name."\r\n";
$headers .= 'Reply-To: '.$field_email."\r\n";
$mail_status = mail($mail_to, $subject, $body_message, $headers);
?>
<script type="text/javascript">
window.location = '../contact.html'; …