CODEWITHSUNDEEP
javascriptjqueryhtmlcss
sensingturtle
sensingturtle

Reputation: 407

Div scrolling in the opposite direction

I have a page whose entire content is wrapped inside a div – <div id="wrapper"></div> This div gets applied the property transform: scale(1.3) at 1600px & above.

Inside this wrapper, I have two divs side by side with their parent div set to display: flex

<div id="container">
    <div id="sidebar"></div>
    <div id="content"></div>
</div>

On scrolling the content, the sidebar is supposed to stick to the top and not scroll. It does so but only when the transform property isn’t applied. Once the transform property gets applied to the wrapper, the sidebar starts scrolling in the opposite direction.

Here is link to the demo – http://cpll.co/happicities/the-happicity-model/

Set the width of your browser’s viewport to at least 1600px and you will notice this behavior.

Upvotes: 0

Views: 411

Answers (1)

Sakib Anjum
Sakib Anjum

Reputation: 176

Check this out. This may solve your problem

#thm-container #thm-container-main {
    align-items: flex-start;
}

Upvotes: 1

Related Questions