<html>
<head>
<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript" src="scriptaculous.js"></script>
</head>
<body>
<img src=mock_files/johnny_bravo.gif id=johny style="position: relative; float: left; ">
<table cellpadding=0 cellspacing=0 border=0 width=100% height=2000>
<tr>
<td>
</td>
</tr>
</table>
<script>
Event.observe(window, "scroll", function() {
cso = document.body.cumulativeScrollOffset(); // LINE 17 is here!!!
$('johny').setStyle('opacity: 0; filter: alpha(0%)').morph("opacity: 1; filter: alpha(100%) ; top:"+cso.top+"px",{duration: 0.4, delay: 0.4});
});
</script>
</body>
</html>
I have the simple script above. It works very fine in Chrome but not in IE8. The error says "Object doesn't support this property or method : LINE 17"
Thanks in advance for any help.