bit o CSS/JS help?

Out of context: Reply #3

  • Started
  • Last post
  • 4 Responses
  • dpi3

    You have to add
    position: fixed; to header element

    Why it is not fixed is not caused of other element position tags.
    It is caused because:

    .pikabu-viewport has following css. If you remove this it will work as you like. I didn't investigate what animation is missing when this is being removed.

    transform: translateZ(0);
    -webkit-perspective: 1000;

    Also make sure you remove all prefixes if you decide to delete this code.

    I didn't check github so I am not sure what you are workin gexactly. However if you can modify html layout just move this fixed nav part outside of .pikabu-viewport and it should work good. Remember position fixed element height is not considered by other elements.

    dpi 3Permalink
    UpvoteDownvote
    Flag
    Show [[ numHiddenNotes ]] more notesAdd Note
    SaveCancel

View thread