javascript - jQuery 动画向左离开屏幕

Question

使用以下函数，我可以将一个 div 动画化到左侧，但问题是，该 div 超出了屏幕区域。无论如何，我可以让 #mydiv 只在 #container 的左边吗？如果 #mydiv 已经在左侧，那么它应该什么也不做。

 $('.left').click(function() {
        $('#myDiv').animate({
            left: '-=30'
            }, 400, function() {
            // callBack
    });

HTML:

<div id="container">
        <a class="left" href="#">Left</a>
    </div>

Answer 1

为了获得它，您需要验证您要移动的 div 是否位于距离您的 left 侧至少 30px #container.

$('.left').click(function() {
if (parseInt($('#myDiv').css('left')) >= 30) {     
    $('#myDiv').animate({
        left: '-=30'
        }, 400, function() {
        // callBack
    });

     }
 });

示例:http://jsfiddle.net/X2TdJ/1/

如果您的 #container 将位于您 body 的左侧，marginLeft 将不会停止并超出您的 #container div。

此处示例:http://jsfiddle.net/DAEsX/1/