Форум

zloctb · #1 (**permalink**) 13.12.2011, 17:12

Привет

мне нужно менять фон документа если документ прокручен больше 100рх!
помогите исправить

window.onscroll=function (){
if(document.body.scrollTop>=100)
{
document.body.bgColor='blue'
}
else
document.body.bgColor='red'

}

Magneto · #2 (**permalink**) 13.12.2011, 17:49

window.onscroll = function () {
  if (document.body.scrollTop >= 100) {
    document.body.style.background = 'blue';
  } else {
    document.body.style.background = 'red';
  }
};

Livanderiaamarum · #3 (**permalink**) 13.12.2011, 17:57

window.onscroll = function () {
			if (document.body.scrollTop == 100) {
						//если прокручен до 100 пикселей
						document.body.style.background = 'red';
			}
			else if (document.body.scrollTop == 101) {
						//если прокручен до 101 пикселя, то переключить фон 
						document.body.style.background = 'blue';
			}

};

мой скрипт оптимальнее

Magneto · #4 (**permalink**) 13.12.2011, 17:59

Сообщение от Livanderiaamarum

window.onscroll = function () {
			if (document.body.scrollTop == 100) {
						//если прокручен меньше чем на 100
						document.body.style.background = 'blue';
			}
			if (document.body.scrollTop == 101) {
						//если прокручен больше чем на 100
						document.body.style.background = 'blue';
			}

};

Сам хоть понял что написал?

zloctb · #5 (**permalink**) 13.12.2011, 17:59

пасиб

Livanderiaamarum · #6 (**permalink**) 13.12.2011, 18:00

Сообщение от Magneto

Сам хоть понял что написал?

если ты не понял подучи javascript

Aetae · #7 (**permalink**) 13.12.2011, 18:06

Livanderiaamarum,
scroll как и mousemove работает не попиксельно. Если двигать быстро указанные значения он никогда не примет.

И пафос свой засуньте куда-нить подальше, пока не изучите js на приемлемом уровне.

Livanderiaamarum · #8 (**permalink**) 13.12.2011, 18:12

Сообщение от Aetae

Livanderiaamarum,
scroll как и mousemove работает не попиксельно. Если двигать быстро указанные значения он никогда не примет.

И пафос свой засуньте куда-нить подальше, пока не изучите js на приемлемом уровне.

я js знаю на 98%) а задрачивать быдлореализацию быдлометодов быдлобраузеров - это ваш конек.

var bgSwiter = true
window.onscroll = function () {
			if (document.body.scrollTop >=100) {
						if(bgSwiter){
									document.body.style.background = 'red';
									bgSwiter = false
						}
			}
			else {
						if(!bgSwiter){
									document.body.style.background = 'blue';
									bgSwiter = true
						}
			}
};

а свой быдлокод который КАЖДУЮ ПРОКРУТКУ будет БГ менять - распечатай, и повесь на стенку. оптимизатор хренов))

trikadin · #9 (**permalink**) 13.12.2011, 18:20

Сообщение от Livanderiaamarum

тогда свитчер ставить надо

Мозг надо ставить...

рони · #10 (**permalink**) 13.12.2011, 19:09

На всякий случай ... при DOCTYPE будет не document.body.scrollTop а document.documentElement.scrollTop

<!DOCTYPE HTML>
<html>
<head>
<script type="text/javascript">window.onload=function(){
	window.onscroll=function(){
		if (document.documentElement.scrollTop>100) {
            document.body.style.background = 'blue';
		}
		else {
            document.body.style.background = 'red';
          		}

	}
}
</script>
<style type="text/css">
body{padding:1000px 5px; background-color: #FF0000;}
#scroll{
	top:100px;
	border:1px solid #000;
	position:absolute;
}
</style>
</head>
<body>
	<div id="scroll">test</div>
</body>
</html>

Форум

Справочник

Discord чат

Курсы javascript