прокрутка документа
Привет:)
мне нужно менять фон документа если документ прокручен больше 100рх! помогите исправить window.onscroll=function (){ if(document.body.scrollTop>=100) { document.body.bgColor='blue' } else document.body.bgColor='red' } |
window.onscroll = function () {
if (document.body.scrollTop >= 100) {
document.body.style.background = 'blue';
} else {
document.body.style.background = 'red';
}
};
|
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';
}
};
мой скрипт оптимальнее |
Цитата:
|
пасиб:)
|
Цитата:
|
Livanderiaamarum,
scroll как и mousemove работает не попиксельно. Если двигать быстро указанные значения он никогда не примет. И пафос свой засуньте куда-нить подальше, пока не изучите js на приемлемом уровне. |
Цитата:
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
}
}
};
а свой быдлокод который КАЖДУЮ ПРОКРУТКУ будет БГ менять - распечатай, и повесь на стенку. оптимизатор хренов)) |
Цитата:
|
На всякий случай ... при 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>
|
| Часовой пояс GMT +3, время: 23:04. |