如何实现悬浮按钮啊，100分

因为页面要填写的内容比较多，而保存按钮在最下面，所以希望保存按钮能够永远悬浮在页面的右上角，不受页面滚动条拖动的影响，这样的话，用户每次点保存的时候，就不需要总是拖到页面最下面点按钮了。如何实现啊？？

解决方案 »

  1.   

    这个回答很好，
    http://topic.csdn.net/u/20080827/16/00724f9b-9c77-44e2-8943-ed8df14261ed.html?257982964
      

  2.   

    可以用javascript实现例如：
    <html>
     <head>
     <title>OnScroll Example</title>
     <script type="text/javascript">
     window.onscroll = function () {
     var oWater = document.getElementById("divWater");
     oWater.style.top = document.body.scrollTop;
     }
     </script>
     </head>
     <body>
     <p>Try scrolling this window.</p>
     <div id="divWater" style="position: absolute; top: 0px; right: 0px; color: #cccccc; width: 150px; height: 30px; background-color: navy">Water</div>
     <p>Line 1</p>
     <p>Line 2</p>
     <p>Line 3</p>
     <p>Line 4</p>
     <p>Line 5</p>
     <p>Line 6</p>
    <p>Line 7</p>
     <p>Line 8</p>
     <p>Line 9</p>
    <p>Line 10</p>
     <p>Line 11</p>
     <p>Line 12</p>
     </body>
    </html>
      

  3.   

    下面这个代码把控件“钉在”原地——页面第一次显示时在哪就在哪
    void Nail(WebControl yourControl)
    {
        yourControl.Style["position"] = "absolute";
        string s = @"window.attachEvent('onscroll', 
    function()
    {
    var obj=document.getElementById('@@@@');
    if(obj.oldTop==undefined)
    obj.oldTop=obj.offsetTop;
    obj.style.top=document.documentElement.scrollTop+obj.oldTop;
    });";
        this.Page.ClientScript.RegisterClientScriptBlock(this.GetType(), yourControl.ID + "nail", s.Replace("@@@@", yourControl.ClientID), true);
    }
      

  4.   

    div嵌套那个按钮，让其浮在页面中，然后滚动的时候，然div的相对坐标根据滚动的的想比较，控制气位置一直位于某个部分不过我想问一下，你的要提交的信息是不是很多都是必填的啊？ 如果很多地方都需要判空的话，还不如让客户一步一步的填写完整然后再提交页面会比较好些，个人意见！~~预祝国庆节快乐！~~