Чтобы скрипт не создавал полосу прокрутки

[StOK]

Здравствуйте! Столкнулась с такой проблемой: установила скрипт воздушных шариков на странице подарков за первый комментарий, а скрипт создает вертикальную полосу прокрутки и передергивает страницу из стороны в сторону. Передергивания убрала тем, что добавила в стили:

html {

overflow-y: scroll;

}

 

Но полосу прокрутки не смогла убрать. Если отключаю в стилях полосу прокрутки, то ее нет и на мобильных устройствах. Мне такой вариант не подходит, ведь шаблон страницы адаптивный. Как сделать так, чтобы скрипт не создавал полосу прокрутки, но чтобы она оставалась на мобильных?

 

Код скрипта:

<script type="text/javascript"><!--

  

  var ballmax = 10;

 

  

  var sinkspeed = 0.6;

 

  

  var ballmaxsize = 30;

 

  

  var ballminsize = 30;

 

  

  var ballspeed = 120;

 

  

  var ballingzone = 1;

  

  

  var ballreverb = false;

 

  var i = 0;

  grphcs = new Array(); 

 

 

 grphcs[i++] = "assets/images/orangevii scharik.png";

  grphcs[i++] = "assets/images/selenii scharik.png";

  grphcs[i++] = "assets/images/belii scharik.png";

  grphcs[i++] = "assets/images/krasnii scharik.png";

  grphcs[i++] = "assets/images/fioletivii scharik.png";

  grphcs[i++] = "assets/images/goluboi scharik.png";

 

  

  var ball = new Array();

  var marginbottom;

  var marginright;

  var timer;

  var i_ball = 0;

  var x_mv = new Array();

  var crds = new Array();

  var lftrght = new Array();

  var browserinfos = navigator.userAgent;

  var ie5 = document.all&&document.getElementById&&!browserinfos.match(/Opera/);

  var ns6 = document.getElementById&&!document.all;

  var opera = browserinfos.match(/Opera/);

  var browserok = ie5||ns6||opera;

 

  function randommaker(range){

    rand=Math.floor(range*Math.random());

    return rand;

  }

 

  function randoms(min, max){

    return Math.floor(Math.random() * (max - min + 1)) + min;

  };

 

  function preloadimages(img){

    image = new Image();

    for(var i = 0; i < img.length; i++) image.src = img;

  }

  

  function getBallXPos(oball){

    if(ballingzone == 1){return randommaker(marginright - oball.size)}

    if(ballingzone == 2){return randommaker(marginright / 2 - oball.size)}

    if(ballingzone == 3){return randommaker(marginright / 2 - oball.size) + marginright / 4}

    if(ballingzone == 4){return randommaker(marginright / 2 - oball.size) + marginright / 2}

    if(ballingzone >= 100){return (randoms(0,1) == 0)?((randommaker(marginright / 2 - oball.size)) - ballingzone / 2) (randommaker(marginright / 2 - oball.size) + marginright / 2) + ballingzone / 2);}

    return 0;

  }

 

  function initball() {

    if (ie5 || opera) {

      marginbottom = document.body.scrollHeight;

      marginright = document.body.clientWidth - 15;

    }

    else if (ns6) {

      marginbottom = document.body.scrollHeight;

      marginright = window.innerWidth - 15;

    }

    var ballsizerange = ballmaxsize - ballminsize;

    for (var i = 0; i <= ballmax; i++) {

      crds = 0;

      lftrght = Math.random() * 15;

      x_mv = 0.03 + Math.random() / 10;

      ball = document.getElementById('s' + i);

      ball.onclick = function(){

        this.posx = getBallXPos(this);

        this.posy = marginbottom - 2 * this.size

      }

      ball.size = randommaker(ballsizerange) + ballminsize;

      ball.style.width = ball.size + 'px';

      ball.style.height = ball.size + 'px';

      ball.style.zIndex = 100 + ball.size; 

      ball.sink = sinkspeed * ball.size / 5;

      

      ball.posx = getBallXPos(ball);

      ball.posy = randommaker(2 * marginbottom - marginbottom - 2 * ball.size);

      ball.style.left = ball.posx + 'px';

      ball.style.top = ball.posy + 'px';

    }

    moveball();

  }

 

  function moveball(){

    for (var i = 0; i <= ballmax; i++){

      crds += x_mv;

      ball.posy -= ball.sink;

      ball.style.left = (ballreverb)?(ball.posx + lftrght * Math.sin(crds) + 'px'):(ball.posx + lftrght + 'px');

      ball.style.top = ball.posy + 'px';

      if(ball.posy < -ballmaxsize || parseInt(ball.style.left) > (marginright - 3 * lftrght)){

        ball.posx = getBallXPos(ball);

        ball.posy = marginbottom - 2 * ball.size

      }

    }

    var timer = setTimeout('moveball()', ballspeed)

  }

 

  preloadimages(grphcs);

 

  for(var i = 0; i <= ballmax; i++){

    imgsrc = grphcs[randoms(0,grphcs.length-1)];

    document.write('<img src="' + imgsrc + '" id="s' + i + '" style="position:absolute;top:-' + ballmaxsize + '">');

  }

  

  if(browserok){

    window.onload = initball;

  }

//-->

</script>

 

Edited July 30, 2015 by StOK

[satantx]

Скиньте ссылку на страницу