[Resolved] sidebar modification: sticky in the bottom, scroll up with the content.

[PABLO]

Hello!

I want to get this for my right sidebar: https://personalgrowthbase.com/8-pieces-of-common-but-terrible-life-advice-you-should-ignore/

1.When scrolling down: it will stop at the end.
2.When scrolling up: It will move with the content.

I have tried some CSS and plugins you recommended in other threads of sticky sidebars but I just got the first requirement. Some help will be more than welcome.

my web: innerpsarklife.com
password 01

btw i am using right sidebar just in blog archives and single posts.

Thanks!

[David]

Hi there,

that site is using Javascript to fix the sidebar – which would require custom development. The most we can provide is some CSS for sticking the entire side bar or a single widget ( ie. the last widget ) on scrolling down. Let me know

[PABLO]

Hello David, thanks for the quick response.

It would be great if you can provide some CSS to fix one widget of the sidebar. In this way I won´t need plugin.

And I’d like to explore the possibility of make the custom code solution, Any advice about where to look to educate myself to do it? Forums, threads or some other sources…

[Leo]

The link to your site isn’t working for me.

Can you confirm?

Also let us know which widget you are hoping to stick.

[PABLO]

Hi Leo,

here you have the link for my site: https://innersparklife.com/2021/04/01/relationships-5-powerful-sentences-to-end-discussions/

password is 01

widget to stick: latest posts

Thanks!

[David]

Try this CSS:

.inside-right-sidebar {
  height: 100%;
}
.inside-right-sidebar .widget:last-child {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

[PABLO]

Thanks a lot!

[David]

You’re welcome

[Author]

Posts