Cacher is the code snippet organizer for pro developers

 <li>
    <a href="#configurator">Onlineberatung</a>
</li>

<!-- ... -->

<section id="configurator">
  <div>
    <!-- ... -->
  </div>
</section>

declare var $:any;

//@component..

ngOnInit() {

  $('a[href^="#"]').on('click', function(event) {
      var target = $(this.getAttribute('href'));
      if( target.length ) {
          event.preventDefault();
          $('html, body').stop().animate({
              scrollTop: target.offset().top
          }, 1000);
      }
  });
    
}