search

WeCodePixels / theia-sticky-sidebar

Glues your website's sidebars, making them permanently visible while scrolling.
MIT License
569 stars 209 forks source link

Fluid-Fixed Layout - With Sticky Sidebar #54

Closed jquimera closed 6 years ago

jquimera commented 6 years ago

I have a layout, the content area is fluid, ie with 100% width, the sidebar has a fixed width of 200px. So far so good, I'm using theiaStickySidebar to keep the sidebar or the content suspended when the height of one is larger than the other, the plugin works fine, while only the content has a height higher than the sidebar, but if it is otherwise as in the example, that is, the sidebar is larger than the content, the suspension does not work. But it does not stop there, it would work just fine, but in a common layout only with float. But in that layout with fluid content and fixed sidebar, it is not working.

https://codepen.io/johnquimera/pen/bMGJXP

jquimera commented 6 years ago

Problem solved with this layout. http://matthewjamestaylor.com/blog/ultimate-2-column-right-menu-pixels.htm https://codepen.io/johnquimera/pen/bMGJXP