js控制div 在页面的固定位置

最新推荐文章于 2022-08-24 11:05:00 发布

转载最新推荐文章于 2022-08-24 11:05:00 发布 · 161 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/060218/archive/2009/07/08/1519077.html

本文介绍了一种使用JavaScript动态调整网页中div元素位置的方法，并通过具体的示例代码展示了如何实现div随窗口滚动而改变其在页面上的位置。同时，文中还包含了一个包含按钮操作的div示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

window.onresize = resizeDiv;
        window.onscroll = resizeDiv;
        function resizeDiv()
        {
            var docWidth = document.documentElement.clientWidth;
            var docHeight = document.documentElement.clientHeight;
            document.getElementById("branding").style.top = parseInt(document.documentElement.scrollTop,10)+70;
            document.getElementById("branding").style.left = parseInt(document.documentElement.scrollLeft,10)+300;
        }</script>

然后body中的div :

转载于:https://www.cnblogs.com/060218/archive/2009/07/08/1519077.html