0

動的コンテンツを含む 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の高さが表示されますが、divの高さが1051pxを超えると何もしません...

誰かがこれで私を助けることができますか?

前もって感謝します

4

1 に答える 1

0

ページがレンダリングされた後に document.write することはできません。要素を作成するには、jquery の dom 操作メソッドを使用する必要があります。

document.write を次のように置き換えます。

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

于 2013-03-29T14:09:04.027 に答える