我正在使用 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; 但这并不能阻止效果。
最佳答案
为 #content-slider 的父级设置固定宽度和 overflow: hidden。如果您不想要固定宽度，您也可以使用 max-width .
关于jquery - 防止 jQuery show() 转换的水平滚动，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/15435573/