我的 asp.net 页面导致向上滚动.. 仅在 Firefox 的情况下答案

【问题标题】：My asp.net page cause scroll up.. only in case of Firefox我的 asp.net 页面导致向上滚动.. 仅在 Firefox 的情况下
【发布时间】：2012-12-18 21:57:34
【问题描述】：

在有滚动条的 ASP.net 页面中，我放置了一个自定义控件，其中我使用了 HTML 复选框（类似于分层结构）。

当我向下滚动页面（以到达该控件）然后从该复选框中选择任何项目时，页面会向上滚动到页面顶部，而不会导致回发。

如何阻止滚动问题的发生？

注意：它只发生在 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>

【问题讨论】：

你做了什么？也就是说，发布您尝试过的代码，以便我们更好地为您提供帮助。
你能根据生成的html结果创建一个HTML页面吗？如果可能，也请创建一个现场演示。例如使用 jsFiddle

标签： asp.net html firefox scroll

【解决方案1】：

你在为你的复选框设计样式吗？

如果你使用 CSS 之类的

label {
    display: block;
    overflow: hidden;
}

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

要从包含标签中隐藏实际的输入元素，那么您可能需要删除 top: -10000px; 部分，因为 Firefox 似乎想要将输入元素滚动到视图中。

【讨论】：