我创建了一个电子邮件订阅弹出模式。现在我将模态设置为淡入,但我希望模态从页面底部向上滑动到顶部。我尝试了 slideUp()
而不是 fadeIn()
但它不起作用。我觉得我错过了什么。我是否需要为 slideUp()
创建另一个函数?它是一个弹出模式,因此当窗口滚动而不是单击事件时它就准备好了。任何帮助表示赞赏。谢谢。我的代码如下。
$(document).scroll(function() {
if (!$("#mc_embed_signup").data("userClosed")) {
$(".popup-close").click(function(e) {
closeSPopup(e);
});
var a = $(this).scrollTop();
if (a > 400) {
$("#mc_embed_signup").slideUp(600);
}
}
});
function closeSPopup(e) {
e.preventDefault();
$("#mc_embed_signup").data("userClosed", true);
$("#mc_embed_signup").hide();
}
最佳答案
jQuery .slideUp()
通过滑动隐藏匹配的元素。如果你想滑动你的弹出窗口,你可以使用 .animate()
$("#popup").show().animate({top: (window.innerHeight / 2 - 50) + "px"}, 1000);
#popup {
display: none;
width: 200px;
height: 100px;
position: fixed;
top: 100%;
left: calc(50% - 100px);
background-color:cyan;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="popup"><div>
关于javascript - 用于模态弹出窗口的 SlideUp Jquery,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48753512/