Keep Element Pinned Permanently

[emilychews]

Hi,

 

Is there anyway of pinning an element permanently?  I need some type of infinity value to put in the end property.  The .box-2 element is going to be for an ad that comes in and gets pinned at the side of article and I need it to stay fixed in position permanently once pinned.

 

Many thanks for any assistance.

Em.

See the Pen gOPoWJO by emilychews (@emilychews) on CodePen

[ZachSaucier]

8 minutes ago, emilychews said:

Is there anyway of pinning an element permanently?

Sure, just send the end value to a really high number like 99999.

 

[GreenSock]

Yep, a large number should work, but just note that the marker will still be at that spot (super far down), thus if you have markers turned on, it'll lengthen your page quite a bit. Just turn them off and it'll go back to normal.

 

Another option: try setting:

end: "max"

The only caveat is that it'll use the "max" when refreshing that particular ScrollTrigger but if you have other ScrollTriggers after that which include pinSpacing, that could alter what the "max" scroll value is. So it may just be safest to use a very large number.