Skip to content

Be able to scroll pass the tab element #4

@pepjo

Description

@pepjo

Setting the tabs to not fix

Current version

You can hide the tabs by setting fixOffset to at least -(the height of the bar). You can even control

Possible improvement

An improvement could be made in order to address your use case. This is not something I have the time to code now but contributions are welcome 😄

Right now there are 2 behaviours: Fixed tabs and not fixed. This result in the situations 1, 2 and 4. If I have understood correctly you want a third behaviour that replaces "fixed" when the element is scrolled away.

This new behaviour would be 3. Relative bottom.

Probably it's not hard to implement, we just have to detect when the visible part of the component is the same as the tabs bar height. In that moment, all the content left on the screen would be underneath the tabs bar. Then, we just have to change the tabs bar style from "fixed" to "relative" and set bottom to 0. This will fix the bar to the bottom of the element and will scroll upwards with the component. This will also allow for a great and seamless transition.

If you cannot do it, then maybe I'll do it on February, if I have time then.

Current tab behaviours

Metadata

Metadata

Assignees

No one assigned

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions