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

chaorenz 2010-11-23 04:11:24





<!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>

...全文

537 3 打赏收藏转发到动态举报

写回复

用AI写文章

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

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; 

        }