Здравствуйте
родительский блок - выровнен по центру экрана и имеет позицию fixed
в дочернем блоке - картинка, которая открывается/закрывается с эффектом explode (разбитие/соединение кусочков картинки)
если
во время анимации explode прокрутить страницу вверх или вниз - родительский блок остается фиксированным, а разбитые кусочки картинки прокручиваются вместе со страницей
как сделать так- чтобы анимация explode не прокручивалась, а имела позицию fixed, как и родительский блок
вот пример -
http://www.glass-pgc.ru/Untitled-4ff.php
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="http://www.glass-pgc.ru/sashka/banner_action/effects.core.full.js"></script>
<style>
body{height: 1000px}
</style>
<script type="text/javascript">
$(document).ready(function(){
$("#blok1").fadeIn(4000);
$("#blok2").show("explode", {pieces: 9}, 3000);
$("#closes").click(function () {
$("#blok1").fadeOut(4000);
$("#blok2").hide("explode", {pieces: 9}, 3000);
});
});
</script>
<div id="blok1" style="position:fixed; left:50%;margin-left:-155px; width:310px; top:50%; margin-top:-156px; height:312px; background-color:#CDC29C; z-index:99999;">
<div id="closes" style="float: right; cursor: pointer;">x</div>
<p style="text-align:center;">Всплывающий див..</p>
<div id="blok2"><img src="http://www.glass-pgc.ru/images/stories/glass/content/install_1.jpg" width="310" height="200" border="0"></div>
</div>