0

在我的 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>

4

1 回答 1

1

你在设计你的复选框吗?

如果您使用 CSS 之类的

label {
    display: block;
    overflow: hidden;
}

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

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

于 2012-12-18T13:57:34.870 回答