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

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

love_rrr

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

阅读量1.1w

点赞数

文章标签： div textbox button server asp function

本文链接：https://blog.csdn.net/love_rrr/article/details/4264026

版权

这篇博客介绍了如何使用JavaScript来控制div元素，使其在浏览器窗口滚动时始终保持在特定位置。通过监听window的resize和scroll事件，调整div的top和left属性，确保div（id='branding'）位于页面的特定坐标。内容中还展示了body中的div结构，包含三个ASP.NET的按钮控件（添加、修改、删除）。

摘要由CSDN通过智能技术生成

用js控制div,使div 总能在当窗体的某一位置。

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 :

<div id="branding" style="position:absolute; visibility:visible; left:300px; top:50px; z-index:2">
<asp:TextBox ID="TextName" runat="server"></asp:TextBox>
<asp:Button ID="BtnAdd" runat="server&