jquery - Jquery 平滑滚动到元素偏移量

Question

我已经使 scrollingHotSpot 左右区域不透明，这意味着当我加载页面时，第一个图像被切到左边。当我使用 scrollToElement 函数时会发生同样的问题。

为了修复被切断的第一张图像，我使用了这个，效果很好：

#makeMeScrollable div.scrollableArea img{
padding: 0 30 0 30;} //as my scrollinghotspots are 30px wide

我的 scrollToElement 图像仍然被切断到左侧：

$("#jumpToPrint").click(function () {
        $("div#makeMeScrollable").smoothDivScroll("scrollToElement", "id", "imgPrint");
    });

尝试使用以下方法，但没有解决问题：

$("div#makeMeScrollable").smoothDivScroll("scrollToElement", "id", "imgPrint").offset().left - 30;

非常感谢任何帮助，干杯！

Answer 1

由于min-width您的热点是 75px，看起来它忽略了您为它们设置的 30px。因此，30px 不足以填充您的图像。它应该与padding: 0 75px或通过将min-widthof.scrollinghotspotleft和设置.scrollinghotspotright为 30px 来工作。