1

オブジェクトがページのどこにあるかを知りたいのですが、

私はその機能をやった

$(window).scroll(function () { 
    var elemento = $("#containerY");
    var positionY = elemento.position();
    $( ".valorY" ).text("top: " + positionY.top )
})

ページがロードされたときに機能しますが、$( ".valorY" )番号を更新せず、ページがスクロールされたときに常に同じものを表示します。

なにが問題ですか？

4

3 に答える 3

1

($ window).scrollTop()ブラウザの上部境界線の y 座標($ 'yourElement').scrollTop()を取得し、そのスクロール位置を取得するために使用する必要があります。これらを比較して、画面に表示されているものと表示されていないものを確認できます。

于 2013-08-01T21:45:38.360 に答える
0

要素の位置からウィンドウのスクロール位置を差し引くだけでよいようです。

$(window).scroll(function () { 
    var elemento = $("#containerY");
    var positionY = elemento.position();
    $( ".valorY" ).text("top: " + (positionY.top - $(window).scrollTop()) )
})
于 2013-08-01T22:04:50.697 に答える
-1

ありがとう、ここに解決策があります！

positionY.top - topBrowsere

そしてコード：

$(document).ready(function(){
 $(window).scroll(function(){
    var elemento = $("#containerY");
    var positionY = elemento.position();
    var topBrowser = $(window).scrollTop();
    $( ".valorY" ).text("top: " + (positionY.top - topBrowser) );

    })
})
于 2013-08-02T07:11:53.350 に答える