This function provides improved navigation on the page content, making sidebars fixed in case if the main page content has a larger size. Thus, sidebar content is always visible, no matter how much users scroll the page down through the main content.
An example of this function is shown on the page 98-StickySidebars.html.
In order to activate it, you need to add two div wrappers (with classes "crumina-sticky-sidebar" and "sidebar__inner" ) for your sidebar content, namely:
<!-- Left Sidebar →
<div class="col col-xl-3 order-xl-1 col-lg-6 order-lg-2 col-md-6 col-sm-12 col-12">
<div class="crumina-sticky-sidebar">
<div class="sidebar__inner">
// Content your sidebar
</div>
</div>
</div>
<!-- ... end Left Sidebar -->
The initialization of this function inside the file ../js/sticky-sidebar-init.js and ..src/js/base-init.js.
There you can also find its settings according to your needs.
Here is Official Documentation - https://abouolia.github.io/sticky-sidebar/#installation
https://getbootstrap.com/docs/4.0/components/modal/
The classes, like (“col”, “col-(x)” etc) were added in XTML. Details about using a grid and its great opportunities can be read here: