如何通过切换另一个页面，它应该向下滚动到另一个页面中的特定块

Question

我需要点击链接，它应该重定向到另一个页面并在那一刻向下滚动到特定的块。我该如何重温呢？

     <div class="row sidebar">
            <div class="col-xs-6">
                <a  href="<?=\yii\helpers\Url::toRoute('/site/key-events');?>?num=2" class="keynote-block keynote-block-1"  id="1-area">
                    1 квартал
                </a>
            </div>
            <div class="col-xs-6">
                <a   href="<?=\yii\helpers\Url::toRoute('/site/key-events');?>?num=2" class="keynote-block keynote-block-2"   id="2-area">
                    2 квартал
                </a>
            </div>
            <div class="col-xs-6">
                <a  href="<?=\yii\helpers\Url::toRoute('/site/key-events');?>?num=2" class="keynote-block keynote-block-3"  id="3-area">
                    3 квартал
                </a>
            </div>
            <div class="col-xs-6">
                <a  href="<?=\yii\helpers\Url::toRoute('/site/key-events');?>?num=3" class="keynote-block keynote-block-4"  id="4-area">
                    4 квартал
                </a>
            </div>

        </div>

我正在使用类似的东西，但它对我没什么帮助

function goToByScroll(id){
    // Reove "link" from the ID
    id = id.replace("link", "");
    // Scroll
    $('html,body').animate({
            scrollTop: $("#"+id).offset().top},
        'slow');
}
$("#sidebar > div > a").click(function(e) {
    // Prevent a page reload when a link is pressed
    e.preventDefault();
    // Call the scroll function
    goToByScroll($(this).attr("id"));
});