0

一部のブログでは、ページの下部に向かってスクロールすると、ページの右下隅にスライドして表示されるDIVが表示されます。

多くの場合、ブログ記事では、コメントセクションが始まるところまでページを降りると、このDIVスライドが表示される場所になります。

私はこれを複製しようとしています、私はそれを行う1つのサイトを見ましたが、コメントの近くではそれを行いません。代わりに、このコードを使用します。

Document height - the Window height / 2

つまり、実際にはページの途中まで残っています。ページのコメントセクションにアクセスしたときに、コメントが表示されるようにするにはどうすればよいですか。たとえば、コメントがID付きのDIVにラップされているとします。comments 

$(document).scroll(function () {
    var curPos = $(document).scrollTop();
    var docHeight = $(document).height() - $(window).height();
    if (curPos > (docHeight / 2)) {
      MoneyBox.show();
    } else {
      MoneyBox.hide();
    }
});

ここに画像の説明を入力してください

4

1 に答える 1

3

scrollTopとdivのオフセットを比較してみてください

$(document).scroll(function(){
    var curPos = $(document).scrollTop();

    var commentsPos = $('#comments').offset().top;

    if(curPos >= commentsPos) {
        MoneyBox.show();
    } else {
        MoneyBox.hide();
    }
});
于 2012-04-10T01:14:05.660 に答える