滚动页面时获取Ypostion

Get Ypostion when scrolling page

本文关键字：获取 Ypostion 滚动      更新时间：2023-09-26

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

我做了的功能

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

它在加载页面时工作，但$( ".valorY" )不刷新数字，并且在滚动页面时总是显示相同的数字，

怎么了？

您应该使用($ window).scrollTop()来获取浏览器顶部边框的y坐标，使用($ 'yourElement').scrollTop()来获取其滚动位置。您可以比较这些内容，看看屏幕上显示的内容和没有显示的内容。

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

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

谢谢，这是解决方案！

位置Y.top-顶部浏览器

代码：

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