当div高度大于1051px时显示滚动图像

Question

我有一个动态内容的div。某些页面的内容比其他页面更多...

我想创建一个函数，当我的窗口（div）有一个滚动条（这么多内容）时，你会在屏幕上看到一个显示箭头的图像...这样用户就知道他可以滚动了。 ..

我已经有了这个功能：

<script type="text/javascript">
$(window).load(function(){alert($('#scroller').height());})


if ( $('#scroller').height() < 1051) {

}
else {
   document.write('<div class="scroll"><p><img src="http://www.website.nl/showroom/pijl.gif" alt=""/></p></div>');
}

</script>

用这个css：

#scroller
{
    height:auto;
}

应该工作，但它不起作用...警报确实显示div的高度，但当de div高度超过1051px时它没有做任何事情......

有人可以帮我吗？

提前致谢

Answer 1

在呈现页面后，您无法进行document.write。您将需要使用jquery的dom操作方法来创建元素。

将document.write替换为：

$('body').append('<div class="scroll"><p><img src="http://www.website.nl/showroom/pijl.gif" alt=""/></p></div>');