bxslider jquery css中的填充跳转答案

【问题标题】：padding jump in bxslider jquery cssbxslider jquery css中的填充跳转
【发布时间】：2011-07-29 19:00:11
【问题描述】：

我有一个小问题。我在我正在制作的网站上运行了一个 bxslider。一切正常，直到滑块重新开始。它包含 3 张幻灯片，因此在单击 2 次后，我位于第 3 张幻灯片。一旦我再次单击“下一个按钮”，它就会转到第 1 张幻灯片。尽管它向上移动了 30 个像素，但这是正确的。我想这是因为我将我的 UL 设置为 padding-top 为 30px。这很奇怪，因为我告诉整个 UL 有一个顶部填充。

我希望有人可以帮助我，我已经花了 2 个多小时来修复。我们正在谈论的网站：http://welkommagazine.nl/luuk/

提前致谢。
卢克

【问题讨论】：

我检查了 FF 3.6，它工作正常。您是否在任何特定浏览器中遇到此问题？

标签： jquery css slider padding

【解决方案1】：

在滑块 ul 上将填充和边距设置为 0 对我有用。

#slider {
padding: 0;
margin: 0;
}

【讨论】：

【解决方案2】：

您是否尝试过将填充移动到父 div 上？

【讨论】：

是的，我做到了，但是 UL 开始降低（30 像素），所以如果你发现我的漂移，幻灯片会更早消失。它需要在标题边缘消失
将 ul 上的 padding-top 更改为 margin-top 可在 Firefox 中修复它，未在其他任何地方进行测试。
哇，我多么愚蠢，你是对的！我认为保证金会导致与您的其他解决方案相同的问题，所以我什至懒得尝试。感谢您指出这一点！
谢谢，这个问题也让我很生气。我必须在幻灯片放映 ul 上设置 padding:0 和 margin:0。