sticky header_n css style

(4 posts) (2 voices)


No tags yet.

  1. brycedcamp, Member

    I would like to make the header (containing the "Home" link) sticky and always at the top of the screen even after scrolling down.

    This doesn't work with the normal sticky options:

    position: sticky;
    top: 0;

    Is this because of the overflow CSS values specified?

  2. myDBR Team, Key Master

    Can you be more specific on the "This doesn't work"?

    There will be some issues (like floating headers which will align by default to the top of the screen and the need for z-index), but otherwise it should work.

    myDBR Team

  3. brycedcamp, Member

    I am specifying the following in userstyle.css

    .header_n {
    position: sticky;
    top: 0;

    The browser shows the change but the header div never actually stays sticky within the page. As a scroll down, the header becomes un-visible as if the settings didn't exist.

  4. myDBR Team, Key Master

    Note that the header_n-class is only used in the mainview where you launch the reports from and in the parameter view. The report itself has a different top menubar.

    myDBR Team


You must log in to post.