Limit scroll top because there are more elements in the sidebar

[covaberjon]

I have 3 different widgets in a sidebar. The only problem with your plugin is when scrolling top again, because the sticky element overlays the rest of the elements until it gets to the top. Is there any way to limit the sticky element at the top when it touches the widget that it has on the top of it? Nice plugin by the way!

[BenMorel]

Hi, you should provide a minimal example of this issue and host it somewhere like jsfiddle or codepen!
You'll be much more likely to get help then.

[covaberjon]

Hi, This is the structure of the page where I am using theia sticky sidebar. I don't think a jsfiddle is needed because there is no problem with the theia sticky sidebar, however this plugin doesn't provide an option to configure the plugin so it has a top limit and not overlays the rest of the widgets when scrolling up. Any help would be appreciated.

        </div>
        <aside class="col-md-4" id="sidebar">
            <p>
                <!--widget 1-->
            </p>
            <div>
                <!--widget 2-->
            </div>
            <div>
                <!--widget 3-->
            </div>
            <div class="theiaStickySidebar">
                <!--widget 4-->
            </div>
        </aside>
    </div>

[liviucmg]

Hi Diego,

The sidebar will stick alongside your container element. In this case your container is probably taller than your sidebar space, possibly it contains your site's header as well. So I would make sure that the container starts exactly where your sidebar starts on the Y axis (top to bottom). Hope this makes sense. Otherwise a jsfiddle would indeed help.

Cheers,
Liviu