Извините за некропостерство =) Но код понравился ) мне как раз такой сейчас не помешал бы... Только одно но... В примерах от Ciber SLasH и Гость_12345 видна полоса прокрутки если ставлю overflow:hidden то полосы прокрутки не видно но и скрола нет ((. Как возможно решить данную проблему? Добавлено через 4 минуты и 15 секундВот одно из моих решений... Поверх создаю еще слой и делаю его меньше по ширине. Следовательно полоса прокрутки нижнего перекрывается... Незнаю на сколько это изящное решение... хотел у вас спросить...? | Код |
<html>
<head>
<title>JavaScript :: Остановка просачивания события "onMouseWheel" (IE only)</title>
<script type='text/javascript'>
onload = function () {
var objDIV = document.getElementById("my");
objDIV.onmousewheel = function () {
if ((this.scrollTop >= this.clientHeight) && (event.wheelDelta <= -120)) {
return false;
}
if ((this.scrollTop == 0) && (event.wheelDelta >= 120)) {
return false;
}
}
}
</script>
<style type='text/css'>
#my {height: 100px; width: 70px; overflow: auto}
#myhide {height: 100px; width: 50px; overflow: hidden}
</style>
</head>
<body>
<div id='myhide'>
<div id='my'><br>1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br>9<br>10<br></div>
</div>
</body>
</html>
|
|
Независимая прокрутка дива колесом (IE only)... Див должен крутиться, а страница - нет. 
Загрузка ...
