jQuery动画滚动不起作用

Question

我需要将视图滚动到新添加的文本框。

ScriptManager.RegisterStartupScript(Page, Page.GetType(), "ScrollTo" + ClientId, "jQuery(function(){$('html, body').delay(2000).animate({ scrollTop: $(document.getElementById(\"" + ClientId + "\")).offset().top },2000);});", true);    

但它不起作用。 我在页面资源管理器中没有看到任何错误。

ScriptManager.RegisterStartupScript(Page, Page.GetType(), "ScrollTo" + ClientId, "document.getElementById(\"" + ClientId + "\").scrollIntoView(true);", true);    

而且这段代码运行良好，但不是动画滚动。

Answer 1

试试这个代码：

string javascript=@"
jQuery(document).ready(function(){
    jQuery('html, body')
        .delay(2000)
        .animate(
            {
                'scrollTop': jQuery('#"+ ClientId +@"').offset().top + 'px'
            },
            2000);
});
"

并像这样注册它：

ScriptManager.RegisterStartupScript
(
    Page,
    Page.GetType(),
    "ScrollTo" + ClientId,
    javascript,true
);