Invision Community 4: SEO, prepare for v5 and dormant account notifications Matt November 11, 2024Nov 11
Posted July 11, 20186 yr Trying to get the header to be sticky when scrolling, adding data-ipsSticky works but not on mobile devices. Is this intentional? Is there a way to make it work on mobile devices as well? Thanks ?
July 11, 20186 yr Quote disableIn (String; optional) Sticky behavior is often not desired on mobile devices. This option allows you to disable sticky behavior when responsiveness is enabled and the device is currently using one of the viewport keys specified in this option, e.g. phone or tablet. By default disableIn value is phone You can override it <div id='elWrapper'> <div id='elStickyElement' data-ipsSticky data-ipsSticky-disableIn='coffee_maker'> ... </div> </div>
July 11, 20186 yr Author 3 minutes ago, newbie LAC said: By default disableIn value is phone You can override it <div id='elWrapper'> <div id='elStickyElement' data-ipsSticky data-ipsSticky-disableIn='coffee_maker'> ... </div> </div> Amazing! Thank you! ? I was using the disableIn incorrectly. I had it set to: <div id='elWrapper'> <div id='elStickyElement' data-ipsSticky disableIn='none'> </div> </div>
Archived
This topic is now archived and is closed to further replies.