javascript - Jquery Animation at the bottom of the screen -

i trying animate image left right , right left @ bottom. code using working fine.

this demo.

function moveright(){         $("#b").animate({left: "+=300"}, 2000,moveleft)     }  function moveleft(){         $("#b").animate({left: "-=300"}, 2000,moveright)     }  $(document).ready(function() {         moveright();  });  <div id="animate"> <img id="b" src="http://www.web-press.it/folder/servizi_cloud.jpg" id="b" style="position:absolute; top:50px"/> </div> 

i want animation @ bottom of screen transparent div background. when adding line

<div id="animate" style="position:fixed; bottom:0px; right: 5px; z-index: 999"> 

then animation not working. 1 can me in issue? in advance.

just remove top:50px; image style , use css animate div

#animate{     position: fixed;     bottom: 0;     overflow:hidden;     left:0;     right:0;     height: 100px;     background: #eee; } 

demo