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

我需要通过点击链接，它应该重定向到另一个页面，并在那一刻向下滚动到特定的块。我怎样才能重温这一点

     <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>

---

他们是你的朋友。只需单击，它将随时带您进入。您是否需要动画，或者只在已滚动到适当位置的目标页面上结束是可以接受的？如果您不需要动画，只需完全取消Javascript，并按照@RompePC的建议使用锚。

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"));
});