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

SOLVE
zbelcher
Contributor

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

Accepted Solutions
AJLaPorte_diagr
Solution
Key Advisor

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

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

zbelcher
Contributor

Thanks!! I'll give these a shot.

0 Upvotes