右侧漂浮代码（客服），在固定的div内漂浮，不是整屏幕

2010-11-23 04:11:24 583 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›





<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<title>浮动</title>

<script src="Public/js/jquery-1.3.2.min.js" type="text/javascript"></script>

<style>

body{ margin:0; padding:0; }

.main{ width:550px; height:1023px; margin:400px auto 0; background:#000; position:relative; color:#fff;}

.a{ position:absolute; width:200px; right:0; background:red; z-index: 300;}

</style>

</head>

<body>

<div class="main" id="brand">

big

<div class="a" id="STATICMENU">这个是要漂浮在.main这个div里的块</div>

</div>

</body>

</html>

...全文

ROS2 Jazzy 学习路线图（2026最新）摘要： ROS2 Jazzy（LTS版）是2026年长期支持版本，仅适配Ubuntu 24.04。本文提供WSL环境下的学习路线图：环境搭建（1-2天）：配置WSL2+Ubuntu 24.04，安装ROS2 Jazzy及图形工具（VcXsrv、VS Code）。核心概念（3-5天）：掌握节点、话题、服务等通信机制，使用turtlesim和小海龟仿真实践。开发实战（7-10天）：Python/C++节点开发，结合RViz2、Gazebo等工具完成多节点通信和避障项目。进阶应用（10-15天）：导航（N 阅读详情

chaorenz

JavaScript 87,984 成员 224,681 内容

+ 关注 + 加入社区

切换为时间正序

chaorenz 2010-11-25

打赏
举报

搞了半天，没搞出来。继续求救。这段js代码，在没有加“<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">”可以实现，加上了，就反应了。

 

        var stmnLEFT = 0; // 内容靠左边距离 

        var stmnGAP1 = 292; //  内容距离顶部值

        var stmnGAP2 = 100; //  内容移动后距离顶部值

        var stmnBASE = 346; // 加载时距离顶部值 

        var stmnActivateSpeed = 10; // 加速度 

        var stmnScrollSpeed = 10; // 速度 





        function RefreshStaticMenu() 

        { 

                var stmnStartPoint, stmnEndPoint, stmnRefreshTimer; 



                stmnStartPoint = parseInt(STATICMENU.style.top, 10); 

                stmnEndPoint = document.body.scrollTop + stmnGAP2; 

                if (stmnEndPoint < stmnGAP1) stmnEndPoint = stmnGAP1; 



                if ( stmnStartPoint != stmnEndPoint ) { 

                        stmnScrollAmount = Math.ceil( Math.abs( stmnEndPoint - stmnStartPoint ) / 15 ); 

                        STATICMENU.style.top = parseInt(STATICMENU.style.top, 10) + ( ( stmnEndPoint<stmnStartPoint ) ? -stmnScrollAmount : stmnScrollAmount ); 

                        stmnRefreshTimer = stmnScrollSpeed; 

                } 

                                        else { 

                        stmnRefreshTimer = stmnActivateSpeed; 

                } 



                setTimeout ("RefreshStaticMenu();", stmnRefreshTimer); 

        } 



  



        function InitializeStaticMenu() 

        { 

                STATICMENU.style.top = document.body.scrollTop + stmnBASE; 

                RefreshStaticMenu(); 

              //  STATICMENU.style.left = stmnLEFT; 

        }

wjhwjhwjh6 2010-11-24

打赏
举报

楼上正解！！！！

hch126163 2010-11-24

打赏
举报

控制一下坐标就可以

右侧漂浮代码（客服），在固定的div内漂浮，不是整屏幕

相关推荐