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;たが、それは効果を止めません。