要帶滾動

Question

我的劇本爲隱藏和顯示創建一個可移動的div（只有其他分區的mousehovering後可見）：

function SetVisible(testId) { 
    var obj = document.getElementById(testId); 
    var parent = obj.parentNode; 
    obj.style.visibility = (obj.style.visibility == 'visible') ? 'hidden' : 'visible'; 
} 

function HideContent(testId) { 
    var obj = document.getElementById(testId); 
    obj.style.visibility = (obj.style.visibility == 'hidden') ? 'visible' : 'hidden'; 
} 

HTML正文內容：

<div style="position:relative" onmouseover="SetVisible('hideShow');" onmouseout="HideContent('hideShow');">Check your question 

    <div class="hideShow" id="hideShow" name="hideShow" style="position: absolute; z-index: 1000; line-height: 15px; font-size: 12px; color: rgb(90, 89, 89); font-family: verdana; visibility: hidden; left: 100%; top: 10%;"> 
     <table><tr><td>abc</td></tr><tr><td>abc</td></tr><tr><td>abc</td></tr><tr><td>abc</td></tr><tr><td>abc</td></tr><tr><td>abc</td></tr><tr><td>abc</td></tr><tr><td>abc</td></tr><tr><td>abc</td></tr><tr><td>abc</td></tr><tr><td>abc</td></tr><tr><td>abc</td></tr><tr><td>abc</td></tr><tr><td>abc</td></tr><tr><td>abc</td></tr><tr><td>abc</td></tr></table> 
    </div> 

</div> 

問題是我編寫腳本以顯示「hideShow」div的完整內容而不滾動頁面意味着只有該div應根據頁面上的可用空間調整自己。 因此，我不希望在「檢查您的問題」上顯示div內容的鼠標懸停上的任何頁面滾動，我只是想根據附近的頁面上的可用空間「檢查您的問題」使div自我調整。 謝謝

Answer 1

http://www.jtricks.com/javascript/navigation/floating.html 那裏你會發現移動div一起滾動的方式，現在我想讓這個代碼簡單和更容易在JavaScript中。 如果你可以將此代碼轉換爲更簡單的JavaScript，那麼請做。