<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>jQuery прокрутка вверх </title>
<style>
#asd {
margin-top: 200px;
margin-left: 200px;
width: 200px;
height: 100px;
overflow: hidden;
border: 1px solid #ff0000;
}
#asd2 {
margin-top: 195px;
margin-left: 180px;
position: absolute;
height: 100px;
overflow:auto;
border: 1px solid #000;
}
#asd3 {
height: 300px;
}
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#asd2").scroll(function() {
$("#asd").scrollTop = this.scrollTop;
});
});
</script>
</head>
<body>
<div id="asd2"><div id="asd3"></div></div>
<div id="asd">
12312
12gff3<br />
123<br />
123<br />
123<br />
123<br />
123<br />
123<br />
123<br />
123<br />
123<br />
123<br />
123<br />
123<br />
123<br />
123<br />
</div>
</body>
</html>
подскажите пожалуеста, как правильно прописать событие Jquery?