jquery - 当 div 高度大于 1051px 时显示 scoll 图像

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>');