Question

我正在使用以下jquery将页面滚动到指定的div位置，同时单击linkbutton。我正在使用页面顶部的链接按钮，并希望从页面导航到页面底部的指定div。

$(function () {
    $('#<%=linkbtn1.ClientID%>, #<%=linkbtn2.ClientID%>,  #<%=linkbtn3.ClientID%>, #<%=linkbtn4.ClientID%>').click(function () { 
        $('html,body').animate({
            scrollTop: $("#grdDv").offset().top
        }, 800); 
    }); 
    return false;
});

我正在为所有四个链接按钮使用linkbutton事件，如下所示，用于执行一些合适的工作。

protected void linkbtn1_Click(object sender, EventArgs e)
{
    try
    {
        Session["interval"] = 1;
        BindGrid(ID);
    }
    catch (Exception ex)
    {
    }
}

问题是，当linkbutton调用jquery时，它会将页面滚动到所需的位置，但在此之后，当调用codebehind事件时，页面将转到服务器，当它返回时，它会显示页面的顶部位置。

我想在每种情况下使用linkbutton的点击事件，请帮助如何显示页面底部可用的div。

Answer 1

为了限制页面在回调后显示页面上的指定位置，我使用了以下脚本而不是上面的脚本。

 <script>
     var pageRequestManager = Sys.WebForms.PageRequestManager.getInstance();
     pageRequestManager.add_endRequest(function () {
         $('html,body').animate({
             scrollTop: $("#grdDv").offset().top
         }, 800);
         return false;
     });
   </script>

回滚后页面滚动显示页面的div位置

1 个答案: