<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Документ без названия</title>
<style type="text/css">
.scroll {
background: #222;
color: #DDD;
height: 100px;
overflow: auto;
width: 100px;
}
</style>
</head>
<body>
<div class="scroll">
JavaScript является объектно-ориентированным языком, но используемое в языке прототипирование обуславливает отличия в работе с объектами по сравнению с традиционными класс-ориентированными языками. Кроме того, JavaScript имеет ряд свойств, присущих функциональным языкам — функции как объекты первого класса, объекты как списки, карринг, анонимные функции, замыкания — что придаёт языку дополнительную гибкость.
</div>
<script type="text/javascript">
window.onload = function() {
var elem = document.getElementsByClassName('scroll')[0],
scroll = 0;
elem.onscroll = function() {
if(this.scrollLeft != scroll) {
scroll = this.scrollLeft;
alert('Scroll');
}
else if(this.scrollTop > this.scrollHeight - 100) {
alert('Scroll Bottom < 100px');
}
}
}
</script>
</body>
</html>