У меня есть веб-страница, которая прокручивается, в коде у меня есть сценарий, который загружает модальное всплывающее окно jQuery, когда все элементы на странице выбраны. Это работает нормально. Но мне нужно, чтобы всплывающее окно фиксировалось в центре экрана, если пользователь продолжает прокручивать вверх или вниз. Этот скрипт, загружающий всплывающее окно:
Код: Выделить всё
$('#complete').show();
$(document).ready(function(){
$('#backbutton2').hide();
var $scrollingDiv = $("#complete");
$("#complete").attr('title','Audit complete').dialog({
modal: true,
autoOpen: true,
width : 400,
height: 220,
buttons: {
'Finish': function () {
$(this).dialog("Finish");
window.location.href = "close_room.php?UniqueID=";
}
}
});
$(window).scroll(function(){
$scrollingDiv
.stop()
.animate({"marginTop": ($(window).scrollTop() + 0) + "px"}, "slow" );
});
});
Как обычно, когда всплывающее окно открывается, оно будет следовать за прокруткой, но верхняя часть всплывающего окна остается фиксированной, в то время как само окно увеличивается в длине при прокрутке вниз. Где я ошибаюсь?
Подробнее здесь:
https://stackoverflow.com/questions/499 ... -scrolling