JS基础回顾_滚动条

JS基础回顾_滚动条

// logfunction getScrollOffset() { if (window.pageXOffset) { return {  x: window.pageXOffset,  y: window.pageYOffset, } } else { return {  x: document.body.scrollLeft + document.documentElement.scrollLeft,  y: document.body.scrollTop + document.documentElement.scrollTop, } }}console.log(getScrollOffset())

// log// 1440 为标准宽度console.log(window.innerWidth)

元素的大小

<!-- log --><div id="box" style="width:100px;height:100px;background:red;"></div>

// loglet box = document.getElementById('box')console.log(box.getBoundingClientRect()) // 不常用console.log(box.offsetWidth)console.log(box.offsetHeight)console.log(box.offsetLeft)console.log(box.offsetTop)console.log(box.offsetParent)

对于无定位父级的元素，返回相对文档的坐标。对于有定位父级的元素，返回相对于最近的有定位的父级的目标。

JS基础回顾_滚动条平台政策、 刘小东、 申诉、 2019 亚马逊产品市场调研经验分享、 图文实操：手把手教你在Craigslist寻找测评人！、 被封了40天的店铺昨天回来了，分享给大家店铺申诉的思路、 揭秘6个提高独立站订单转化率的运营技巧!、 牛津小马哥SEO教程第九天：301和302重定向如何影响SEO权重？、