Usage Add ScrollHideDirective to declarations in the module of the page you want to add, not app.module.ts. References https://medium.com/@gregor.srdic/ionic3-hidding-header-on-footer-on-content-scroll-15ab95b05dc5 https://stackoverflow.com/questions/52744930/ionic-4-hide-toolbar-on-scroll