我已经将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;
非常感谢任何帮助,干杯!
答案 0 :(得分:0)
由于热点的min-width
是75px,看起来它忽略了为它们设置的30px。因此,30px不足以为您的图像填充。它应该与padding: 0 75px
一起使用,或者将min-width
和.scrollinghotspotleft
的{{1}}设置为30px。