mobile scroll jumping when header show/hide
Hi There,
when scroll you can see flickering occurs with fixed header show/hide. this is troubling the user experience in mobile because I have a button to touch that button closer to the triggering point of the header show, so I have scrolled to the bottom and trying to touch the button button jumps and I need to do the touching twice.
Please find the attached video.
any solution ?
Replies (4)
Introducing the all-new UX-1.4 Exam Questions [2023] – your key to unlocking the future of user experience mastery! Dive into a meticulously crafted set of questions designed to challenge and enhance your understanding of the ever-evolving UX landscape. Stay at the forefront of industry trends with this cutting-edge exam resource, featuring the latest insights and best practices. Whether you're a seasoned UX professional or just starting your journey, our Exam Questions will empower you to excel. Elevate your skills, impress employers, and stand out in the competitive field of user experience design. Your future begins here – embrace the UX-1.4 revolution!
Thanks for the replay. can you please tell me where is that break point happens and the js function or css
Thanks
Hi,
You can configure the offset settings for the sticky mode in the header's HTML: data-kt-sticky-offset="{default: '200px', lg: '300px'}".
For desktop mode you can edit lg: '300px' and default: '200px' for the tablet/mobile modes.
For more info, you can check the KTSticky plugin's docs here.
Regards.
Hi,
Thank you for your feedback.
This is the default behavior of the header in mobile mode. You can disable this feature by removing the header-tablet-and-mobile-fixed class from the body tag.
Regards.
