jquery - 在两个特定像素点之间滚动

Question

这是我的代码:

$(document).ready(function(){
    $(".right").click(function () {
            $("p").animate({right: "-=64px"});
    });
$(".left").click(function(){
        $("p").animate({right: "+=64"});
    });

我如何让两个特定像素指向，我的图标只是在它们之间移动。

这是我的 Fiddle

我希望我的图标在表格中导航，并且只要它们到达灰色的末尾，就停止并且不再移动。只是可以在另一个按钮上反向移动。

.css("right") 有可能吗？如果是，请指导我如何操作。

谢谢。

Answer 1

这是 fiddle :http://jsfiddle.net/VQwtp/3/

js

var movementFactor = 30;

var minWidth = $('#animSubject').width();
var maxWidth = $('#animArea').width();

$("#right").click(function () {
    var subWidth = $('#animSubject').width();
    if (maxWidth > (subWidth + movementFactor)) {
        $("#animSubject").animate({
            width: "+=" + movementFactor + "px"
        });
    } else if (maxWidth > subWidth) {
        $("#animSubject").animate({
            width:(maxWidth) + "px"
        });
    }

});
$("#left").click(function () {
    var subWidth = $('#animSubject').width();
    if (minWidth < (subWidth - movementFactor)) {
        $("#animSubject").animate({
            width: "-=" + movementFactor + "px"
        });
    } else if (minWidth < subWidth) {
        $("#animSubject").animate({
            width:(minWidth) + "px"
        });
    }
});

您可以改变 movementFactor 以通过单击将图像移动所需的距离。