2012-10-23 142 views
0

我有一個側邊欄div,我給了一個固定的位置,以便頁面滾動時總是可見的。爲了讓事情變得有趣,側邊欄的位置由一些JavaScript代碼設置,以處理較低的屏幕分辨率以及以最終錯誤位置出現的問題。asp.net控件不在正確的位置

這一切都很好地工作,但它似乎控制div不會移動時重新定位,所以你不能點擊它們。他們出現在正確的位置,他們根本沒有做任何事情。

我確定我已經在這裏閱讀了這個解決方案,但無法追蹤它。

下面是側邊欄的CSS:

.mainsidebar 
{ 
    display:inline-block; 
    width:35.5%; 
    float:left; 
    padding: 0px 0px; 
    margin: 12px 8px 8px 8px; 
    min-height: 480px; 
    position: fixed; 
    font-size: 9pt; 
    left: 0px; 
    overflow:auto; 
    background-color: #4b6c9e; 
    border-radius: 8px 8px 8px 8px; 
} 

,並設置它的位置的JavaScript:

var elementStyle1 = document.getElementById("mainSideBar"); 
elementStyle1.style.top = "23.2%"; 

我試着用ASP的控制做同樣的事情,但不能得到任何結果。

好的抱歉 - 您可以忽略此操作。我認爲這是我上面提到的問題,因爲我確定我已經閱讀了描述類似情況的解決方案。

它實際上是控制的z-索引是問題 - 一旦我設置div比控件有更低的z-index,那麼我可以點擊它們。

+1

你能發佈一個http://jsfiddle.net的例子嗎?而且,側邊欄控件意味着什麼「不做任何事情」。你能詳細說明嗎? –

+0

將您的編輯發佈在您自己的單獨答案中。 – MarioDS

回答

0

讓我們假設ASP.NET服務器控件的ID是「mainSideBar」。那麼你的javascript代碼將是

var elementStyle1 = document.getElementById("<%=mainSideBar.ClientID%>");