Question

我想知道某个对象在页面上的位置，

我做了那个功能

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

在加载页面时有效，但$( ".valorY" )不刷新编号，并且在滚动页面时始终显示相同的内容，

有什么问题？

Answer 1

您应该使用($ window).scrollTop()获取浏览器顶部边框的y坐标，并使用($ 'yourElement').scrollTop()获取其滚动位置。您可以对这些进行比较，以查看屏幕上的内容和不适用的内容。

Answer 2

听起来你只需要从元素位置减去窗口的滚动位置：

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

Answer 3

感谢，这是解决方案！

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) );

    })
})

滚动页面时获取Ypostion

3 个答案: