title: jquery button scroll on click
body: <p>I am making buttons, when hovered shows me border on specifiec items, which suits it's category. But I meet some problems, when there are more images, they are not visible on page, I have to scroll down. </p>
  
  <p>My code right now looks</p>
  
  <pre><code>$(".cat1-button").hover(function () {
      $(".cat1").css("border", "4px solid #4f7b37");
  });
  $(".cat1-button").mouseleave(function () {
      $(".cat1").css("border", "4px solid #e7e7e7");
  });
  </code></pre>
  
  <p>And I have to add a click state, which will be doing nothing more than "scroll to top of an button". How to do it ?
  I will try to explain this more:</p>
  
  <p>I have buttons one under another, and when clicked I want to scroll to top of each -> so the button will be on my top screen. Like anchoring using a href="#cat1-button".</p>
  
  <p>Sorry for my english.</p>