1

これは私のコードです：

$( document ).ready(function() {
    var target = $(".passthis").offset().top-$(window).height();

    $(document).scroll(function() {
        if ($(window).scrollTop() >= target) {
            $(".something").fadeIn(2000);
        }
    });


});

HTML:

<div class="passthis" style="text-align:center;font-size:20px;margin-top:815px;">

        Scroll Below here
    </div>

現在、このコードは、ユーザーが div.passthis を渡した場合にのみ div.something を表示します。.passthis div は画面の一番下にあります。ただし、.passthis を画面の中央に移動したいのですが、JS が初めてなので、スクリプトを変更してそれを行う方法がわかりません。x、y などに数値を使用できますか?

質問：

.passthis を画面の中央に移動し、ユーザーが .passthis を通過した後も .something を表示するにはどうすればよいですか。

4

1 に答える 1

2

これはjsFiddle のデモです。ぜひ試してみてください。説明したように、ウィンドウがスクロールしなければ何も起こりません (何かが表示されません)。さらに、このデモではさまざまな値の数値を確認できます。それは、すべての数学に関する限り、あなたが何のために撮影しているかのアイデアを与えるはずです. 上で推奨されているように、jQuery.scrollTop()やその他のウィンドウのディメンション メソッドと値をよく読む必要があります。

于 2013-07-09T13:13:32.917 に答える