Script for WordPress not fluid

Hello,

You should make your sections height the same height as the viewport. Otherwise, how would a user see the rest of the section’s content (i.e. the content below the viewport)?

If you don’t mind having sections that are not the same height as the viewport or not having sections outside the mouse-wheel scrolling functionality, you can try this:

In the custom mouse-wheel script, find the code:

if(!mPS2idExt.needScroll((mPS2idData.layout==="horizontal" ? e.deltaX : e.deltaY))){ //check if normal scrolling is needed to reach adjacent targets
                if($(mPS2idExt.selector).length) e.preventDefault();
                doc.trigger("ps2id-scrollSection",((e.detail<0 || e.wheelDelta>0 || e.deltaY < 0 || e.deltaX < 0) ? 1 : -1));
              }

and change it to:

//if(!mPS2idExt.needScroll((mPS2idData.layout==="horizontal" ? e.deltaX : e.deltaY))){ //check if normal scrolling is needed to reach adjacent targets
                if($(mPS2idExt.selector).length) e.preventDefault();
                doc.trigger("ps2id-scrollSection",((e.detail<0 || e.wheelDelta>0 || e.deltaY < 0 || e.deltaX < 0) ? 1 : -1));
              //}

There are 2 instances of the code I posted. There’s another instance near the end of the custom script. Change both, test and let me know.

Can you explain the problem in more detail? Also, what kind of input do you test it with (mouse, trackpad)?

I see. I don’t experience the issue when using Chrome, Firefox etc. I see it only when using specific browsers like Opera. Does it happen in all browsers for you? What browser/OS you test it on?

I think the only way to solve this at the moment, is using the older version (v1) of the custom script (see here). Can you try it?

https://manos.malihu.gr/page-scroll-to-id-with-mousewheel-and-keyboard/#v1