当前博客:如果测量某#id距离浏览器顶端的距离?

73 次浏览【转载需注明来源】

博客作者:【快码快问快答】

个性签名:寒窗苦读十年一朝凤舞九天

如果测量某#id距离浏览器顶端的距离?

 注意是  求窗口顶端的距离   不是整个页面

例如

<网页 语言代码="中文"> 
<网页主体>
<区块 id="wo">测量我到浏览器顶端距离</区块>
</网页主体>
Markup
默认排序
Generic placeholder image
Generic placeholder image
已采纳
快码FOF编程 Time: 2024-03-16 19:33:38
<!文档类型 网页类型>
<网页 语言代码="中文">
    <网页头部>
        <网页信息 文档编码="UTF8" />
        <网页信息 名称="页面视图" 关联数据="视图宽度=填充视图宽度,初始缩放值=1,最大缩放值=1,用户缩放状态=假" />
        <网页信息 关联HTTP="兼容模式" 关联数据="最高IE版本" />
        <网页标题>Document</网页标题>
    </网页头部>
    <网页主体>
        <!--这里编写网页代码-->
        <区块 行内样式="高度: 800px;背景-颜色: 颜色值-橙色;">
            
        </区块>
        <区块 id="wo">测量我到浏览器顶端距离</区块>
        <脚本>
            距离浏览器距离("wo")
            $(浏览器窗口).滚动(定义函数 () {
                距离浏览器距离("wo")
            });
            定义函数 距离浏览器距离(ID) {
                变量 顶部距离 = $("#" + ID).偏移坐标().top;
                变量 滚动条位置 = $(浏览器窗口).滚动条位置();
                变量 最终距离 = 顶部距离 - 滚动条位置;
                调试输出(最终距离);
            }
        </脚本>
    </网页主体>
</网页>

记得引用JQ支持库和浏览器基础库


如果测量某#id距离浏览器顶端的距离?