关于使用Animate.css的问题-添加到动画页面的水平滚动条

Question

我正在尝试使用Animate.css和jQuery@ 此演示为文本添加一些动画

我正在使用jquery 通过以下代码addClass()将.animated，.bounceInLeft和.bounceInRight应用于元素：

$(function () {
    $('#solu-title-1').addClass('animated bounceInLeft');
    $('#solu-title-2').addClass('animated bounceInRight');
    $('#solu-description-1').addClass('animated bounceInLeft');
    $('#solu-description-2').addClass('animated bounceInRight');
});

但正如您所见，该页面Horizontal Scrollbar在动画制作过程中也变得很烦人 。你能告诉我如何阻止这个吗？

谢谢

Answer 1

body {
    overflow-x: hidden;
}

http://jsfiddle.net/DTcHh/3127/

Answer 2

实际上，最好像这样设置：

html, body{ overflow-x: hidden; max-width: 100%}

因为对于移动版本来说它不能正常工作