The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Problem with CSS Sticky position

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #294080

    Hello ,

    I’m having a hard time making “Sticky” position work on my div ID “Product Info” as seen on this page:

    Here is the URL of the page :

    And the added CSS :

    #productInfo-product {
    margin-top: -55px;
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky;
    top: 0;

    I would gladly have your opinion on the problem, thanks a lot.


    It’s working. It just won’t do anything unless the other column has more content, otherwise your info block has nowhere to go.

    To confirm this, I went in to devtools and just put lots of content in the left column and started scrolling.


    Thanks a lot. I see, you’ve been a great help.

Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.