javascript - 向左/向右滚动到照片卷轴中的选定图像

Question

请访问http://lindseymotors.com/v然后单击银色卡车顶部的照片。当展开的 View 弹出时，主照片下方有一排照片。当您点击它们时，它会切换到该照片并在您选择的图像上方显示“正在查看”。

我还需要它向左或向右滚动(取决于单击哪个)以聚焦在照片卷轴中间显示“查看”的那个。

可以使用 $('#vehiclePhotoPreview'+photoID)

访问正在查看的图像

我试过类似的方法，但它不起作用。

var currentPhotoPosition = $('#vehiclePhotoPreview'+photoID).position();
$('.vehicleDetailExpandedPhotoReel').scrollLeft(currentPhotoPosition.left);

Answer 1

不幸的是，

$().posotion 给了你绝对位置。在这种情况下它不会有帮助。

var increment = $('#vehiclePhotoPreview' + photoID).width() + 10; //10 would be the space between each image

$('.vehicleDetailExpandedPhotoReel').scrollLeft(photoID * increment); //assuming that photoID is always sequential

这实际上是通过使用事件数字和当前增量来设置滚动位置来获取位置。