Search the Community

На странице установлен уникальный стиль полосы прокрутки (средствами ::-webkit-scrollbar). Нужно немного иначе стилизовать отдельный блок на странице. То есть, чтобы полоса прокрутки внутри него была другого цвета и ширины. Как это сделать?

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

Здравствуйте. Такая ситуация: Есть индексный документ с большим списком ссылок, который открывается во фрейме. Список длинный и на экран не помещается - появляется полоса прокрутки. И проблема заключается в том, что если нажимать на ссылку, которая находится внизу списка, то документ открывается в этом же фрейме, но его не видно сразу, т.к. мы находимся внизу бегунка. Приходится пониматься вверх по полосе прокрутки чтобы увидеть документ.. Как можно подниматься вверх страницы после открытия ссылки ?? Надеюсь понятно объяснил Спасибо заранее.