Issue on Using Animate.css - Horizontal Scrollbar Added to Page on Animation

Question

I am trying to add some animations to text using Animate.css and jQuery @ This Demo

I am using jquery addClass() to apply .animated , .bounceInLeft , and .bounceInRight to the elements by using this code:

$(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');
});

but as you can see the page also is getting annoying Horizontal Scrollbar during the animation process. Can you please let me know how I can stop this?

Thanks

Answer 1

body {
    overflow-x: hidden;
}

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

Answer 2

Actyally, better set like here:

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

Because for mobile versions it doesn't work corectly