CMS Development

zbelcher
Contributor

how to make social sharing module slide beside blog content as user scrolls?

SOLVE

This hubspot blog post does it, and I've noticed lots of others doing it as well nowadays.  I'd also like to apply to the same concept to a form on a landing page (the form stays beside of the landing page content as the user scrolls through the main body content.  Any recommendations for how best to implement this would be much appreciated.

0 Upvotes
1 Accepted solution
AJLaPorte_diagr
Solution
Key Advisor

how to make social sharing module slide beside blog content as user scrolls?

SOLVE

What your looking for is sticky elements which can be accomplished using something like WayPoints: http://imakewebthings.com/waypoints/shortcuts/sticky-elements/

 

This post here has about 15 plugins you can use to accomplish this:

https://www.hongkiat.com/blog/sticky-elements-jquery-plugins/

 

The post you reference by HS is using a plugin called AddThis for their social sharing:

http://www.addthis.com/

 

Hopefully, this helps set you on the right path.

-AJ

 

View solution in original post

2 Replies 2
AJLaPorte_diagr
Solution
Key Advisor

how to make social sharing module slide beside blog content as user scrolls?

SOLVE

What your looking for is sticky elements which can be accomplished using something like WayPoints: http://imakewebthings.com/waypoints/shortcuts/sticky-elements/

 

This post here has about 15 plugins you can use to accomplish this:

https://www.hongkiat.com/blog/sticky-elements-jquery-plugins/

 

The post you reference by HS is using a plugin called AddThis for their social sharing:

http://www.addthis.com/

 

Hopefully, this helps set you on the right path.

-AJ

 

zbelcher
Contributor

how to make social sharing module slide beside blog content as user scrolls?

SOLVE

Thanks!! I'll give these a shot.

0 Upvotes