2012-08-24 60 views
0

我已将滚动热点左右区域设置为不透明,现在意味着当我加载页面时,第一个图像被剪切到左侧。当我使用scrollToElement函数时会发生同样的问题。Jquery Smooth scrollToElement offset

要解决的第一个图像被切断我用这个,它工作正常:使用以下

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

尝试:

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

我scrollToElement图像仍然被切断,左不过但它没有解决问题:

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

非常感谢任何帮助,欢呼!

+0

如果没有看到你的html,很难说出发生了什么。你应该在[jsfiddle](http://jsfiddle.net/)中做一个例子。 – devnate

回答

0

由于热点的min-width为75px,因此它看起来好像忽略了为它们设置的30px。因此,30px不足以填充图像。它应该与padding: 0 75px或将min-width.scrollinghotspotleft.scrollinghotspotright设置为30px。

+0

辉煌,感谢的队友! – Washburn

+0

我现在唯一的问题是每个图像之间的填充过大。我可以制作滚动式热键左右较小(正如您所建议的),这样我就可以将填充填充下来,但这会使热点面积过小。我想保持它在75px,但不必有图像之间的填充如此之大。有什么建议么? – Washburn

+0

您可以尝试将每个“窗格”包装在div中,并在div上设置填充而不是图像“

”。此外,你可能只需要填充左侧。除此之外,您可能可以在您使用的smoothdivscroll插件中找到一些选项,以便在内容之外显示控件而不是重叠。 – devnate