title: Anchor tag to some element in same page id doesn't work
body: <p>Haai. I have a trouble in my little project. I've create <code>&lt;a href="slogannya"&gt;some icon&lt;/a&gt;</code> and <code>&lt;blockquote id="slogannya"&gt;</code>but when I click the <code>&lt;a&gt;</code> tag it doesn't work. Here is my code :</p>
  
  <p>Html</p>
  
  <pre><code>&lt;section class="to-content"&gt;
          &lt;a class="scrollTo" href="#slogannya"&gt;
            &lt;button type="button"&gt;
              &lt;i class="material-icons"&gt;keyboard_arrow_down&lt;/i&gt;
            &lt;/button&gt;
          &lt;/a&gt;
        &lt;/section&gt;
        &lt;section class="slogan"&gt;
          &lt;blockquote id="slogannya"&gt;
            &lt;p&gt;Wanna create an event? &lt;br&gt; or you want to give some advice to us? Use the form below &lt;/p&gt;
          &lt;/blockquote&gt;
        &lt;/section&gt;
  </code></pre>
  
  <p>Jquery</p>
  
  <pre><code>$(document).ready(function () {
    $(".scrollTo").on('click', function (e) {
        e.preventDefault();
        var target = $(this).attr('href');
        $('html, body').animate({
            scrollTop: ($(target).offset().top)
        }, 2000);
    });
  
  });
  </code></pre>
  
  <p>How can I made this work? Please help me :)</p>
  
  <p><strong>EDIT</strong></p>
  
  <p>I know what my problems is. In my project, I have a css called 'general.css' (this css content css reset and other styling for any page). In this css, it makes any element to be <code>box-sizing: border-box;</code> and others style. I don't know specifically what the problems. But when I remove my 'general.css', the smooth scroll is work. Thank you for all your answers friends :) , I'm appreciate it!!</p>