0

ページがその div の高さまでスクロールするときに div をアニメーション化 (表示) しようとしています (div の高さに応じてアニメーション化します。これは、私のレイアウトが応答するため、div の高さが可変であるため、ページが小さくなるとdiv の高さも変化します...)

offset() は非表示の要素を認識しないため、対象のdiv (magicBox) の高さを取得できるように div(#box) を追加しました。

私がこれまでに行ったこと：

$('.magicBox').hide();
var box = $('#box');
var boxPosition = box.offset();
$(window).scroll(function() {
if ($(window).scrollTop() <= boxPosition.top) {
   $('.magicBox').show('slow');
}
});

うまくいきません！ここで何が問題なのですか？ http://jsfiddle.net/6hq3V/

更新しました！私はscrollTopでほとんどそこにいますが、まだ#boxの高さのページとして表示されません..

4

1 に答える 1

2 
if ($(window).scrollTop() == boxPosition.top) {
    $('.magicBox').show('slow');
}

$(document).height() 一定だったので、スクロールバーの位置を指定している間は何も起動できませんでした .scrollTop()。

http://jsfiddle.net/6hq3V/1

于 2013-08-13T15:38:02.173 に答える