This works in Chrome, IE, Firefox, Opera, and Safari: (function() { var delay = false; $(document).on(‘mousewheel DOMMouseScroll’, function(event) { event.preventDefault(); if(delay) return; delay = true; setTimeout(function(){delay = false},200) var wd = event.originalEvent.wheelDelta || -event.originalEvent.detail; var a= document.getElementsByTagName(‘a’); if(wd < 0) { for(var i = 0 ; i < a.length ; i++) { var t = … Read more
For Angular 6+ you can use: In your routing module: imports: [RouterModule.forRoot(routes, { anchorScrolling: ‘enabled’})] Then in your component html <a (click)=”onClick(‘AnchorId’)”>Click me!</a> <a (click)=”onClick(‘OtherAnchorId’)”>Click me, too!</a> … <div id=”AnchorId”>…</div> … <div id=”OtherAnchorId”>…</div> Then in your component ts import { ViewportScroller } from ‘@angular/common’; @Component({ selector: ‘component-selector’, templateUrl: ‘./mycomponent.component.html’ }) export class MyComponent { constructor(private … Read more