Create Sticky Blocks in Squarespace.

Create Sticky Blocks Using SquareKicker  

In this tutorial, we will show you how to use Sticky Blocks on Squarespace using SquareKicker's, no code Sticky Block tools.

 

 

Let's create this 

1. Select the Squarespace Block you want to make Sticky.
   
2. Click the SquareKicker icon.
   
3. Open the Advanced tab.
4. Select the Sticky Block menu option.
   
   
   
   
5. Set the Mode to Sticky Top or Sticky Bottom.
   

   • Sticky Top: When you select Top from the sticky options, your Block will immediately become Sticky when it reaches the top of the screen.

   • Sticky Bottom: Sticky Bottom works in the opposite way to Sticky Top. When Sticky Bottom is applied, the Block will stick to the bottom of the screen until you scroll to the original position of the Block on the page, and then it will become unstuck.

6. Sticky Offset 
   

   You can adjust the exact point the Block becomes Sticky with the Sticky Offset slider. The way Sticky Offset works is when the block becomes sticky to the top or bottom, it asks, how far from the top or bottom do you want the block to stay sticky? If it is set zero, it will stay sticky to the top or bottom of the screen.
   

   There are four ways you can adjust the Sticky Offset.

   • VH - % of viewport height (display height).
     
   • PX - Pixels. 
   • VMAX - 1% of the viewport's larger dimension (landscape or portrait).
   • VMIN - 1% of the viewport's smaller dimension (landscape or portrait).