смена class (стиль) блока при прокрутке стриницы
подскажите код который изменяет class (стиль) блока с id="block" при прокрутке стриницы на 50px
|
Цитата:
|
когда колесиком мышки крутят :)
|
Прокрутка может быть вверх, может вниз от начала страницы, может быть относительно текущего положения
|
вниз от начала страницы
|
<style type="text/css">
#block {
border:red solid 2px;
height:100px;
width:200px;
text-align:center;
}
</style>
<head>
<body style="height:300%;padding:100px;">
<div id="block">#block</div>
<!-- Весь код - Ниже -->
<script type="text/javascript">
window.onscroll = function(){
var html = document.documentElement, body = document.body;
var BlkStyle = document.getElementById('block').style;
if(html.scrollTop>49||body.scrollTop>49) { //alert()
BlkStyle.borderColor="blue";
BlkStyle.height="34px";
} else BlkStyle.height=BlkStyle.borderColor="";
}
</script>
|
Не проще сделать через .addClass и .removeClass ?
|
Globus,
Ну напиши на нативе, будет ли короче ? |
| Часовой пояс GMT +3, время: 05:33. |