当前节点获取位置汇总

最新推荐文章于 2022-10-20 12:06:10 发布

转载最新推荐文章于 2022-10-20 12:06:10 发布 · 282 阅读

$(this).offset().top; //当前节点距离顶端高度
$(window).height(); //当前浏览器窗口高度
$(window).scrollTop(); //被隐藏的上部 高度
$("html,body").height(); //当前页面高度 
node.height(); //当前节点高度

示例：

var node = $(this).find("div[class='category_over_box']"); //节点 
var nodeHeight = node.height(); //当前节点高度
var currentTop = $(this).offset().top; //当前节点距离顶端高度
var currentWinHidHeight = $(window).scrollTop(); //被隐藏的上部 高度
var currLastHeight = currentTop - currentWinHidHeight; //剩余高度 
node.css("top", "-" + (currLastHeight - 40) + "px");