Финишная прямая... Помогите кто чем может...
Частично решить задачу удалось, но теперь другой вопрос, скорлирование DIVа...
Вот код:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script src="http://yandex.st/jquery/1.8.2/jquery.js" type="text/javascript"></script>
<script src="http://yandex.st/jquery/mousewheel/3.0.6/jquery.mousewheel.js" type="text/javascript"></script>
<script language="javascript"><!--
$(function() {
/* запрещаем стандартное действие скрола при наведении */
$(".chat").mouseenter(function() {
document.onmousewheel = function (e) {
e.preventDefault();
}
/* перемещаем текст внутри дива */
$('#chat').mousewheel(function(event, delta) {
if (delta > 0) {
/* перемещение вверх */
$("#chatext").scrollTop(-10);
} else {
/* перемещение вниз */
$("#chatext").scrollTop(+10);
}
});
/* отменяем запрет скрола */
}).mouseleave(function() {
document.onmousewheel = null;
})
});
//--></script>
<style>
.chat { position:absolute; display:block; width:200px; height:100px; background:#AAA; overflow:hidden; }
</style>
</head>
<body>
<div style="width:100%; height:2000px">
<div class="chat" id="chat">
<div id="chatext" style="overflow:auto;width:220px;height:120px">
Какой-нибудь заполняющий текст. Какой-нибудь заполняющий текст. Какой-нибудь заполняющий текст.
Какой-нибудь заполняющий текст. Какой-нибудь заполняющий текст. Какой-нибудь заполняющий текст.
Какой-нибудь заполняющий текст. Какой-нибудь заполняющий текст. Какой-нибудь заполняющий текст.
Какой-нибудь заполняющий текст. Какой-нибудь заполняющий текст. Какой-нибудь заполняющий текст.
</div>
</div>
</div>
</body></html>
Вот пример:
http://cybermanager.pro/test2.html
Теперь проблема заключается в том, что не получается полностью скролировать див
Подскажите, где я накосячил?