問題溢出div

Question

我有一個問題，我不知道如何解決，我希望這裏的一些聰明人會有一個答案。我有一個由jQuery幻燈片效果控制的「聯繫表單」，只有當用戶將鼠標懸停在圖標上時纔會出現。該效果使表單滑入和滑出瀏覽器的右側邊框，包含表單的div的整個寬度。默認情況下，表單是隱藏的。到目前爲止，我已經修復了這個div，並且所有的工作都很好，但是後來我意識到它隨着頁面向下滾動，這是我不想要的。然後我做了絕對的div，它保留了它的位置，但是因爲我隱藏了具有-250右邊距的div，它將頁面向右推動那麼多，在頁面的底部添加一個滾動條處理。

關於如何防止div滑落的任何想法，但同時停止如果從溢出到正確的？我想我可能需要另一個腳本來阻止固定div滑落，但這只是一個想法。任何幫助是極大的讚賞。

Answer 1

給窗體一個權利：0; 這將始終保持對準右側邊緣，也不會溢出的形式..

<div id="container"> 
    <div id="trigger">Show Form</div> 
    <div id="form"> 
     Form Contents go here 
    </div> 

#container{ 
    position: relative; 
} 
#form{ 
    display:none; 
    position: absolute; 
    right: 0; 
    top:0; 
    width: 250px; 
    height: 100px; /* for demo */ 
    background: #999; /* for demo */ 
} 
#form.visible{ 
    display: block; 
} 

$(document).ready(function() { 
    $("#trigger").click(function() { 
    $("#form").addClass("visible"); 
    }); 
}); 

http://jsfiddle.net/medmu/2/