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

Question

我正在使用jQuery从目标页面加载div并用新加载的内容替换现有的div。为了让这个看起来更好一点，我已经将'jQuery过渡效果添加到'slide'，然后将现有内容添加到左侧，并从右侧“滑动”新内容。

JS Extract：

...
$('#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;，但这并没有阻止效果。

Answer 1

设置为#content-slider的父级固定宽度和overflow: hidden。如果您不想要固定宽度，也可以使用max-width。

Answer 2

你试过吗

overflow: hidden !important;