Note: hide header on scroll is not working since the position of the header is changed to static.