0

我正在使用 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;但这并不能阻止效果。

4

2 回答 2

1

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

于 2013-03-15T15:40:11.287 回答
0

你有没有尝试过

overflow: hidden !important;
于 2013-03-15T15:01:52.793 回答