防止jQuery show（）转换的水平滚动

我使用jQuery从目标页面加载一个div，并用新加载的内容替换现有的div。为了让它看起来更好一点，我在“幻灯片”中添加了jQuery转换效果，然后将现有内容放到左侧，“幻灯片”将新内容放到右侧

JS摘录：

...
$('#content-slider').hide('drop', {}, 2000, function() {
    ('#content-slider').load(pageurl + '?rel=tab  #content-slider');
    $('#content-slider').show('drop', {direction:'right'}, 2000);
});
...

问题在于，通过从右侧“滑入”设置动画的新加载的div会导致该div具有一个“已设置动画”的水平滚动条。当div滑动到位时，滚动条会减少，直到新div内容就位时滚动条最终消失

我需要防止水平滚动条出现。显而易见的选择是选择

overflow-x:hidden但这并不能阻止效果。
你试过了吗

overflow: hidden !important;

将
#内容滑块设置为固定宽度的父项，并将
溢出：隐藏
。如果你不想要固定的宽度，你也可以使用。
你可以添加一把小提琴吗？你是否会得到2个
#内容滑块
divs
？这可能会导致事情变得奇怪。您是否在
#content slider
的父容器上设置了
溢出：hidden
。看起来我实际上以2个
#内容滑块
divs
结束。一个在另一个里面。修改JS的建议？重命名其中一个，不能有两个Id相同的元素。这可能是因为您的溢出属性应用于其中一个，而不是另一个。如果可以，我会尽量避免使用“！important”！重要信息
是临时的，以便您可以查看是否是
溢出：隐藏的
进行修复。最好避免使用
！重要信息
。CSS规则是基于最具体的选择器应用的。我尝试了
！重要信息
查看是否有干扰，但这并不能解决问题。为
#内容滑块
提供固定宽度和
溢出：隐藏
。如果不需要固定宽度，也可以使用。如果这不是您想要的，请将这两种CSS样式都设置为
#content slider
@da\u的父级，然后添加一个父级div和样式。如果你想把它作为答案，我会把它标为正确。