jQuery滚动到由ajax请求加载的内容中的id

Question

我需要滚动到由ajax加载的项目，但是加载内容之后，什么也没有发生，因此页面始终位于顶部。 当我单击“刷新”按钮（使用内容缓存动态重新加载页面）时，页面滚动到指定的目标。

var startPageLoader = function( pid, sid, url ) {
        loader( 'show' );

        $.ajax( {
            url         : cCore.Settings[ 'url' ] + '/page/',
            method      : 'POST',
            data        : { _t : 'page', _pid : pid, _sid : sid },
            dataType    : 'json',
            success     : function( ret ) {
                if( !ret[ 'status' ] ) {
                    loader( 'hide' );
                    return;
                }
                loader( 'hide' );

                $( '#mainWrapper > .content article.subpage' ).hide( ).html( ret[ 'data' ] ).fadeIn( );

                if( url != null ) {
                    if( sid.length )
                        url += '#' + sid;

                    history.pushState( {}, '', url );
                }

                aProduct[ 0 ] = pid;

                cCore.Plugins[ "modalTooltip" ].rebuild( );

                prepareGallery( );
                scrollToSection( sid );
            }
        } );    
    };

    var scrollToSection = function( sid ) {
        if( !sid.length )
            return;

        aProduct[ 1 ] = sid; // sid is an name of target

        var offset = $( "#" + sid ).offset( ).top;
        $( 'html, body' ).animate( {
            scrollTop: offset
        }, 1000 );


    };

我认为这可能与文档高度有关，但我不确定。

谢谢。

Answer 1

您还应该可以使用锚来通过一些JavaScript来实现此目的。

这是描述锚点的链接： http : //www.htmlgoodies.com/tutorials/getting_started/article.php/3479511

而这里有一个描述如何使用JavaScript跳转到锚： 通过使用javascript锚跳跃