|
Сообщение от sanchous1
|
|
при достижении marginTop элемента 500px функция не срабатывала.
|
если нужна точность ...
<!DOCTYPE HTML>
<html>
<head>
<style>
#button {
display:inline-block;
cursor:pointer;
background:#bbbbbb;
padding:3px;
}
#container_scr {
width:100px;
height:100px;
background:green;
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
<script>
$(document).ready(function () {
$('#button').click(function () {
var l = 500;
$('#container_scr').animate({marginTop: "+=50px"},{step: function( x ) {if(x > l) $(this).stop().css({marginTop: l});
},duration : 500 });
})
});
</script>
</head>
<body>
<div id="button">button</div>
<div id="container_scr">element</div>
</body>
</html>