Different scroll speeds on same website

Hello,

You can either use the class ps2id-speed-VALUE in your links (see more info) or you can overwrite the duration option for a specific page via special code you add in your theme/child-theme functions.php.

Let me know which option your prefer and if you need more help with the code, classes etc.

That’s excellent, thanks Malihu, I will try that and keep you posted. Also thanks for the rapid response, very much appreciated. Cheers

Hi Malibu, the ps2id-speedcode works for me. Although I may be having a conflict with another plugin. I haven’t been able to isolate the cause through troubleshooting. Are you aware of any conflicts with the Scroll Sequence plugin?

• This reply was modified 8 months, 1 week ago by planetboris.

No, I’m not aware of such conflict, although I’m not familiar with the Scroll Sequence plugin. I can’t really help unless I see your page/site and see what the issue is.

Hi Malihu, finally the issue was not connected to PS2ID, after troubleshooting we discovered it was due to an Elementor setting

I need some guidance please on one of the offset expressions. Regarding :width() expression – Offset by element with id “some-id” and width greater than 800 pixels: #some-id:width(>800)

I noticed that my scroll targets are off significantly at different screen widths. I’m not sure exactly how to set this up. Within the expression where do I enter in the offset amount? I have at least 5 different screenwidths to make offsets for, + probably more once I get into laptop and tablet mode. Thanks and best regards Screenshot of PS2ID interface https://postimg.cc/V5h90VrZ

When using an element selector as the offset value, the actual offset amount is the element’s height. For example, if you set the offset value to: #some-id, then the offset amount will be the height of the element with id some-id. Now, if you set the value to #some-id:width(>800) the offset will be applied only when the element with id some-id is wider than 800 pixels. Hope this makes sense.

You can also use plugin’s “Auto-generate #ps2id-dummy-offset element” option to create more advanced offsets (more info).

From what you said about needing multiple offsets based on viewport width, I’d say that you need to use your sticky element selector as the offset value. This would make the offset change on-the-fly according to the viewport/screen width (i.e. the sticky element’s height). It would also be better to set the offset value in plugin settings and not individually on each link as your screenshot suggests.

I can usually help with which element selector to set as the offset value but I’d have to see your site/page.

Hi Malihu. sorry for the delay, I had to work on another project. We are live now but I have a problem with implementing the offset. I activated the dummy offset but not sure about where to place the css. If I understand correctly the dummy offset css (example: @media only screen and ( width: 1366px) and (height: 1024) { selector #ps2id-dummy-offset{ height: -200px; } } has to be placed within the trigger, or the anchor widget? The page scroll is working nicely on most sizes except for some laptop sizes, most notably Apple Device where the height is not “standard” 1366 X 1024 and 1180 X 820 for example, and for some reason in tablet, Mini-ipad at 1024 X 768. The scrolling overshoots those anchor by 150 – 200 pixels. For reference the site is mokouzin.com “Enter” button is first trigger . The other triggers seem to be working ok. Hope you can provide some insight. Thanks

Hello again,

Can you send me some screenshots and/or video of where the scrolling should be and what happens?

Sure, I’ll send you some screencasts. Thanks