Javascript 左/右滚动至照片卷中的选定图像

Javascript 左/右滚动至照片卷中的选定图像,javascript,jquery,css,scroll,Javascript,Jquery,Css,Scroll,请访问并单击银色卡车顶部的照片。当展开视图弹出时,主照片下方有一行照片。当你点击它们时,它会切换到该照片,并在你选择的图像上显示“查看” 我需要这个也可以向左或向右滚动(取决于点击哪一个)来聚焦在照片卷中间的“观看”。 使用$(“#车辆照片预览”+照片ID)可以访问正在查看的图像 我试过类似的方法,但不起作用 var currentPhotoPosition = $('#vehiclePhotoPreview'+photoID).position(); $('.vehicleDetailExpa

请访问并单击银色卡车顶部的照片。当展开视图弹出时,主照片下方有一行照片。当你点击它们时,它会切换到该照片,并在你选择的图像上显示“查看”

我需要这个也可以向左或向右滚动(取决于点击哪一个)来聚焦在照片卷中间的“观看”。 使用

$(“#车辆照片预览”+照片ID)可以访问正在查看的图像

我试过类似的方法,但不起作用

var currentPhotoPosition = $('#vehiclePhotoPreview'+photoID).position();
$('.vehicleDetailExpandedPhotoReel').scrollLeft(currentPhotoPosition.left);
$().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

这实际上是通过使用活动编号和当前增量来设置滚动位置来获得位置。

这是一个很大的请求,为什么不使用像www.jssor.com这样的图像滑块插件。这是一个很大的请求是什么意思?我只是在寻找一种方法来找到一个特定元素的位置并滚动到该元素的位置。我尝试了类似的方法,但它只在一个方向上起作用。如果我单击photo#3,它将滚动执行,但如果我在选择photo#3后选择photo#1,它将不会滚动回photo#1。有什么办法可以让它双向运行吗?