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/