Setting the overflow-x
property to value clip
helped me achieve position sticky and prevent scrolling.
Here is more explanation in this article
More Related Contents:
- How to center a “position: absolute” element
- ‘transform3d’ not working with position: fixed children
- Why aren’t my absolutely/fixed-positioned elements located where I expect?
- How does the “position: sticky;” property work?
- Why does position:relative; appear to change the z-index?
- Why do absolute elements stack up on each other instead of stacking one after the other?
- Absolute position is not working
- Position: sticky buttons not working in IE 11
- ‘position: sticky’ not working when ‘height’ is defined
- Center aligning a fixed position div
- Position absolute and overflow hidden
- Absolute positioning inside absolute position
- How to make div’s percentage width relative to parent div and not viewport
- Why is an element with position: fixed moving with a non-positioned sibling?
- Why isn’t my margin working with position: fixed?
- Why doesn’t width/height work with non positioned pseudo elements?
- Position fixed doesn’t work when using -webkit-transform
- Why using absolute position causes the div to be on top?
- sticky position on css grid items
- How can I make the contents of a fixed element scrollable only when it exceeds the height of the viewport?
- How to work with ellipsis in bootstrap responsive table
- Bold tag breaking the divs?
- When to use IMG vs. CSS background-image?
- How can you customize the numbers in an ordered list?
- How do I make an editable DIV look like a text field?
- Style input element to fill remaining width of its container
- Wrap text in tag
- 404 page not found – Go rendering css file
- Change the color of glyphicons to blue in some- but not at all places using Bootstrap 2
- Is there any way to add padding to select options via CSS?