我怎么知道相对于容器的图像位置，所以我可以知道是否禁用动画控制

Question

我在div中有一个图像，其中图像比div宽，div设置为溢出：隐藏。

每次单击控件时，我都会创建一个控件来滑动图像。

我怎么知道右侧没有剩下的图像部分，例如我可以禁用控制？

            <div class="timeLineDiv">
            <img class="aboutusTimelineImage" src="imageurl"  />
            </div>
            <div class="timelineControlDiv">
                <div class="timelineControlLeft"><</div>                    
                <div class="timelineControlRight">></div>
            </div>

js是

            $(document).ready(function () {
                $(".timelineControlLeft").click(function () {
                    var a = $(".aboutusTimelineImage").position();
                    $(".aboutusTimelineImage").animate({ left: '-=100px' }, "slow");
                });
            });

Answer 1

你有一个图像宽度和他的位置，所以你可以计算左侧或右侧的距离outside the div并阻止或开始动画。