浮动层实现

最新推荐文章于 2021-02-25 21:15:53 发布

cndone

最新推荐文章于 2021-02-25 21:15:53 发布

阅读量178

点赞数

CC 4.0 BY-SA版权

分类专栏： web basic 文章标签： JavaScript .net UI ViewUI

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.youkuaiyun.com/cndone/article/details/83534144

web basic 专栏收录该内容

22 篇文章

订阅专栏

本文介绍了一个在网页中实现提问按钮的浮动效果的方法。通过使用 JavaScript 和 HTML 结构，该提问按钮能够随着用户的滚动始终保持在屏幕的固定位置。具体实现涉及元素定位、事件监听及定时更新元素位置等技术。

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

<div id="Float21789" style="position: absolute; z-index: 9; width: 190px; top: 200px;
        right: 3px;">
        <center>
            <div id="AD21789" style="width: 190px; height: 90px; text-align: center; float: none;">
                <a href="http://g.youkuaiyun.com/5060169" target="_blank">
                    <img src="http://community.youkuaiyun.com/ui/homepage/images/questions.gif" alt="提问" style="width: 180px;
                        height: 50px; padding-right: 3px;" /></a>
            </div>

</center>
</div>

    <script type="text/javascript" language="JavaScript">
    var csdnScrollTop=function(){
        return document.documentElement.scrollTop?document.documentElement.scrollTop:document.body.scrollTop;
        };
        function mymove21789(){
        document.getElementById("Float21789").style.top=csdnScrollTop()+300+'px';document.getElementById("Float21789").style.right=3+'px';setTimeout("mymove21789();",50);
        }
        mymove21789();
    </script>

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。