防止jQuery show（）轉換的水平滾動

Question

我正在使用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;，但這並不能阻止這種影響。

Answer 1

設置爲#content-slider固定寬度和overflow: hidden父。如果你不想要一個固定的寬度，你也可以使用max-width。

Answer 2

你試過

overflow: hidden !important;