Printable View
Hello, I want to have the sidebar stable eventhough the main content has lots of listings or listing content
For example, if a user scroll through the page the sidebar should not be scrollable once its reached the end of sidebar which has no further blocks/sections, only the main content should be scrollable.
https://classifieds.demoflynax.com/p...san-francisco/ - Attachment 4568
https://classifieds.demoflynax.com/p...ave-88-65.html - Attachment 4569
You need to modify stylesheet style.css at section.side_block:not(.no-style) (line 5110) to add:
position: sticky;
top:0;
Attachment 4578
You also have to remove the overflow:hidden; property from 3 places to make the sticky work properly. Sticky does not work when parent or ancestors have overflow property.
Attachment 4579
Now the column is following the screen while scrolling. When you get to the bottom, it moves up not to overlap with the footer.
Attachment 4580
Hello Daniel, It works fine when it has only one sidebar block.
But if we have two or more sidebar block, it overlaps the one with another.
For example, https://classifieds.demoflynax.com/u...roperties.html
In this link, we have "SEARCH FOR RESERVATIONS" another sidebar.
Do we have to sticky this css <aside class="left col-lg-3">, to have whole sidebar sticky? I applied sticky to this class, but not working.
I solved this by adding a new <div class="sticky"> so that all the blocks are inside it.
If you apply the sticky css property to this div, I will keep all the blocks inside it as a solid and move all together.