How to have a pinned element be pinned only for certain part of the page?

Basically if I have an image pinned, and I want it to scroll with the site as you scroll down a page, is there any way if at, let’s say halfway through the page, I want the image to stay in place and become unpinned? Hope that makes sense!

I did not see an option for pinning and unpinning till now.
But you could do the following…

  1. Pin an Image and place a DUBLICATED image on your site which is unpinned.

  2. The unpinned image you will have hide (make it invisible on your site.

  3. Use ----> “onViewportEnter” or “onViewportLeave”-command on your unpinned image to control the visibility of that image.

Taht means…
when the image enters the ViewPoint, the unpinned image appears and when it leaves the viewpoint, it disapears again and gets invisivle.

  1. Do the oposite behaviour for your pinned image.
  2. Use animations like —> “fade”, or “float” or other ones, which will make the disapearing and apearing of the images more smoothly.

Similar EXAMPLE…

https://russian-dima.wixsite.com/meinewebsite/reading-position