我有一个简单的模式弹出窗口。关闭后您将返回到页面顶部。我希望它保持在相同的滚动位置。这可能吗,我不太擅长 Javascript。
这是页面:http://pagedev.co.uk/hoppings/product/2-4m-beads
这是我的 JavaScript:
$(function(){
var appendthis = ("<div class='modal-overlay js-modal-close'></div>");
$('a[data-modal-id]').click(function(e) {
e.preventDefault();
$("body").append(appendthis);
$(".modal-overlay").fadeTo(1000, 1);
//$(".js-modalbox").fadeIn(500);
var modalBox = $(this).attr('data-modal-id');
$('#'+modalBox).fadeIn($(this).data());
});
$(".js-modal-close, .modal-overlay").click(function() {
$(".modal-box, .modal-overlay").fadeOut(500, function() {
$(".modal-overlay").remove();
});
});
$(window).resize(function() {
$(".modal-box").css({
top: ($(window).height() - $(".modal-box").outerHeight()) / 2,
left: ($(window).width() - $(".modal-box").outerWidth()) / 2
});
});
$(window).resize();
});
最佳答案
您需要防止像打开链接时那样执行关闭链接的默认操作:
$(".js-modal-close, .modal-overlay").click(function(e) {
e.preventDefault();
$(".modal-box, .modal-overlay").fadeOut(500, function() {
$(".modal-overlay").remove();
});
});
关于javascript - 关闭模式窗口 - 返回页面顶部,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38994144/