c# - 带有 jQ​​uery 验证的奇怪滚动条行为

Question

我希望在单击“添加从属”链接按钮时滚动条滚动到底部，这很有效。问题是在回发后选择添加依赖链接按钮时，文本“请修复以下问题:”会显示一秒钟。但是，它下面没有错误消息。如果存在验证问题，验证(jQuery-validation 插件)将正常工作。

谢谢。

这是相关的 asp.net 代码:

<script type="text/javascript" language="javascript">
    function toBottom(id) {
        document.getElementById(id).scrollTop = document.getElementById(id).scrollHeight
    }

</script>
<div id="divscroll" class="scroll">

</div>

<div id="validationMessageContainer" class="error" >
    <span id="info_dep_fix_problemls">Please fix the following problems:</span>
    <ul></ul>
</div> 

<asp:LinkButton ID="AddDependent" Text="Add Dependent" CssClass="btngeneral" OnClientClick="toBottom('divscroll')"
            OnClick="AddDependent_Click" runat="server" />&nbsp;&nbsp;

C# 代码隐藏:

protected void AddDependent_Click(object sender, EventArgs e)
{
    //Other unrelated code  -- the button has to be server side as we do database connections, etc.
getScrollPosition();
}

protected void getScrollPosition()
    {
        //Sets the scroll position of the divscroll to the bottom on postback
        ClientScript.RegisterStartupScript(this.GetType(), "toBottom", "toBottom('divscroll')", true);
    }

这是滚动 div 的 css。

div.scroll
{
    -ms-overflow-x:hidden; 
    overflow-x:hidden; 
    -ms-overflow-y:auto; 
    overflow-y:auto; 
    max-height: 400px;
    max-width: 900px;
}

Answer 1

我们想通了，将 style="display:none" 添加到 validationMessageContainer div 中，修复了它。

感谢所有提供帮助的人。