Bottom vs Top?

Same question here! I would appreciate some help as well.

The plugin does not have an option for this, but I’m also wondering why you would need this. Should the element you want to have sticky always be at the bottom of the page? Or will it be “off screen” at the start and then when it scrolls into view, it needs to be sticky?

If you need the element to be always sticky at the bottom of the screen, you can do so with some CSS, something like this:

.your-element-classname {
   position:fixed;
   bottom:0;
   left:0;
   width:100%;
}

It might need some tweaking, depending on your site.

Maybe I misunderstand the issue, please let me know if I did.

I need it because my sidebar is longer than my content in some pages. So I want the side bar and content section to scroll down, and then when the very end of the content is reached, the bottom of the content will stick and keep scrolling down with the sidebar. So rather than sticking from the top, where you would miss all the content from below, i am trying to get it to stick after all the content has been passed.

Thanks!

Also, I am wondering. I have a widget in the middle of my sidebar that I made sticky. But when that is sticky it covers up the rest of the widgets as I scroll down. Is it possible to make it so that this widget will stick to the top only after a certain amount of pixels below it, or even better after the sidebar has been fully scrolled through?

Thanks, Mark. Great suggestion; and I’ll attempt that. My usage is not for nav menu (as mine is already sticky). But for a call-to-action button, which makes more visual sense to be sticky at the bottom such as ‘Buy Now’.

Mark – that solution worked perfectly for me. And with it embedded under a media query it’s restricted to mobile only (which was my desired outcome). You’re awesome — thank you so much!

@barbaraealexander OK I see what you mean now to make it sticky at the bottom. Unfortunately, the plugin doesn’t have an option for that, as it’s quite a unique situation that you’re describing. I could check if I have some time in the next few days to come up with a customized version for you, but my time is limited.

I’m not sure about your other question (I assume this is unrelated to your previous question about the content being sticky?). I’m a little confused what you’re trying to do — whether the whole sidebar should be sticky, or a single widget in the sidebar. Any chance you can share a link so I can see the issue?

Hi Mark!

Thanks so much for the response! I didn’t receive a notification so I just now saw this.

Well all in all what I am really hoping to get is the 4th example here under “Scrollable Sticky Element”: https://leafo.net/sticky-kit/

I actually tried that Jquery plugin on that link but it doesn’t work at all.

Would it be a lot of customization to change it to stick on the bottom?

Thanks!
Alex

I see what you mean with that example. That would be quite a customization I’m afraid, since it’s either sticking at the top OR the bottom, depending on which direction you scroll.

I haven’t had time to check into the regular “stick at the bottom” thing, but I’ll try to look into that this weekend.

Thanks Mark! Yeah the sticking to the bottom thing would be great too.

Add this to your CSS:

#header {
  background: #2b3c6al
}

Or any other color you prefer. Hope this helps!

Sorry, that previous message was meant for another support question! Please ignore. ??