我的asp.net頁面導致向上滾動..僅限於Firefox的情況

在我的ASP.net頁面中，它有滾動條，我已經放置了一個自定義控件，其中使用了HTML複選框（它像分層結構體）。我的asp.net頁面導致向上滾動..僅限於Firefox的情況

當我向下滾動頁面（到達該控件），然後從該複選框中選擇任何項目時，頁面將滾動到頁面的頂部，而不會導致回發。

如何停止滾動問題的發生？

注意：它只發生在Firefox上，它不會發生在其他瀏覽器上，例如IE 8/9 & Chrome。

這是我的自定義控件，我已經在我的另一個asp.net頁面中使用過，當我檢查任何下面的項目。它會導致頁面向上滾動。

<asp:Panel ID="TreeViewPanel" runat="server" style="border: 1px solid #CCC; width: 210px; padding:5px 0;"> 
<ul id="tree"> 
<li> 
    <label> 
     <input type="checkbox" value="treeHdrCheck1" runat="server"/>Win Exe 
    </label> 
    <ul> 
     <li> 
      <label> 
       <input type="checkbox" value="1" runat="server"/>.EXE</label></li> 
     <li> 
      <label> 
       <input type="checkbox" value="2" runat="server"/>.DLL</label></li> 
     <li> 
      <label> 
       <input type="checkbox" value="3" runat="server"/>.OCX</label></li> 
     <li> 
      <label> 
       <input type="checkbox" value="4" runat="server"/>.SYS</label></li> 
     <li> 
      <label> 
       <input type="checkbox" value="5" runat="server"/>.SCR</label></li> 
    </ul> 
</li>

來源

2012-10-15 user1746468

你做了什麼？也就是說，張貼你已經嘗試過的代碼，以便我們能夠更好地幫助你。 – jrd1

您可以根據生成的html結果創建一個HTML頁面嗎？如果可能，請創建一個現場演示。例如使用jsFiddle – Lijo

你造型的複選框？

如果你使用CSS像

label { 
    display: block; 
    overflow: hidden; 
} 

label input[type="checkbox"] { 
    position: absolute; 
    left: -10000px; 
    top: -10000px; 
}

藏起含有標籤的實際輸入元素，那麼你可能需要刪除top: -10000px;一部分，因爲Firefox的似乎是想要滾動輸入元素進入視野。

來源

2012-12-18 13:57:34

我的asp.net頁面導致向上滾動..僅限於Firefox的情況

回答

相關問題