title: how by switching another page it should scroll down to specific block in that another page
body: <p>I need that by clicking link it should redirect to another page and scroll down to specific block in that moment. How Can I relize that?</p>
  
  <pre><code>     &lt;div class="row sidebar"&gt;
              &lt;div class="col-xs-6"&gt;
                  &lt;a  href="&lt;?=\yii\helpers\Url::toRoute('/site/key-events');?&gt;?num=2" class="keynote-block keynote-block-1"  id="1-area"&gt;
                      1 квартал
                  &lt;/a&gt;
              &lt;/div&gt;
              &lt;div class="col-xs-6"&gt;
                  &lt;a   href="&lt;?=\yii\helpers\Url::toRoute('/site/key-events');?&gt;?num=2" class="keynote-block keynote-block-2"   id="2-area"&gt;
                      2 квартал
                  &lt;/a&gt;
              &lt;/div&gt;
              &lt;div class="col-xs-6"&gt;
                  &lt;a  href="&lt;?=\yii\helpers\Url::toRoute('/site/key-events');?&gt;?num=2" class="keynote-block keynote-block-3"  id="3-area"&gt;
                      3 квартал
                  &lt;/a&gt;
              &lt;/div&gt;
              &lt;div class="col-xs-6"&gt;
                  &lt;a  href="&lt;?=\yii\helpers\Url::toRoute('/site/key-events');?&gt;?num=3" class="keynote-block keynote-block-4"  id="4-area"&gt;
                      4 квартал
                  &lt;/a&gt;
              &lt;/div&gt;
  
          &lt;/div&gt;
  </code></pre>
  
  <p>I was using something like that but it didn`t help me much</p>
  
  <pre><code>function goToByScroll(id){
      // Reove "link" from the ID
      id = id.replace("link", "");
      // Scroll
      $('html,body').animate({
              scrollTop: $("#"+id).offset().top},
          'slow');
  }
  $("#sidebar &gt; div &gt; a").click(function(e) {
      // Prevent a page reload when a link is pressed
      e.preventDefault();
      // Call the scroll function
      goToByScroll($(this).attr("id"));
  });
  </code></pre>