Background Scrolling

Hi Agora,

Thanks for writing in! The only background I see is coming from backstretch for the body.

.backstretch {
  position: absolute;
}

If you use this method, the problem is that the background will just stay on upper part of the page and will not cover the entire page. So you may want to find an alternative solution.

Thanks!

https://www.safety-adviser.co.uk/email/xp/checkout/

There are two issues, the button for content models on mobile (iphone) do not work very well and are hard to click for some reason?

Also when trying to scroll down the content area on iphone the window just doesn’t scroll but the background content does.

Thanks

Hello @AgoraPublications,

The content modal area should display a scroll bar since the content exceeds the height of the browser height. I checked your site and even on smaller desktop screens, it won’t scroll. Are you loading a no scrolling iframe? Can you please provide us the code you have inserted in your content modal in your next reply so that we can also test it in our local testing server?

Thank you in advance.

Hi… I also experience a problem of a moving background/body underneath the content area when scrolling in the overlay of the content area… It happens instantly on mobile devices, not on desktop browsers. Is there a way to prevent the background/body underneath the content area from scrolling when reaching the top or end of the content area?

On a mobile device: click on content area… when the content area is filled with more information to display on the screen and you scroll in the content area up or down, the background/body starts scrolling too.

Thanks!

Hi Lou,

I checked and the iframe is generated by the javascript embed that you added, and the iframe generated has scrolling="no" attribute. Plus, it has height with overflow hidden, hence, the embed code intentionally won’t allow scrolling. I recommend contacting the author of the embed code.

Thanks!

I think you’ve checked the website of the original post, not website https://www.herabewind.nl/homepage. To view the scrolling background/body, check for example the content area underneath -3- “Tarieven” (check on mobile, not desktop)…

Thanks for your quick response

Hello @LouDiamonds,

I have visited your site and I could not replicate the issue. The body is not scrolling. I can only scroll the contents of the content area modal.

Please clear all your caches and your browser cache as well and test your site again.

Please watch https://youtu.be/PEJJ0P51IDg
Done on standard Samsung+Chrome mobile browsers by holding down finger on the screen and swiping up and down…

Hey Lou,

I could replicate your concern. Currently the content scroll lock only works with the Mouse Scroll Wheel or technically, the Wheel Event. It does not lock the content when using the Scrollbar or the Scroll Event.

I will post this in our issue tracker so our development team would be made aware of this case. Regretfully, a solid workaround or solution is currently not feasible. Please stay tuned for updates. The details of new features, bug fixes, enhancements are detailed in our Changelog so I’d recommend you check it when updates are available so you could see if this issue has been addressed.

Thank you for understanding.

Hi @christian_y,
as I got stuck with this issue, too, I’m handing two screenshots of the behavior for your reference (share it with the devs!).

Thanks for fixing soon!
Cheers

Hey There,

Your feedback has been noted and forwarded to the developers.

Regards.

Hi guys, just FYI, a quick workaround for this issue would be to add the following class in your global css (or local or inline element. any css field would do):

.ps__rail-y {
    z-index: 999;
}
.ps__rail-y:hover,
.ps__rail-y:focus{
  background-color:transparent !important;
}

Hey @elpanda13,

Thanks for sharing this.
We really appreciate it.

Regards.

No problem,

if i can help, why not do it :stuck_out_tongue:

It’s good to hear that from you.

Any News Yet on the already closed topic https://theme.co/apex/forum/t/background-scrolling/45166?


LouDiamonds
Oct '18

Please watch https://youtu.be/PEJJ0P51IDg2

https://youtu.be/PEJJ0P51IDg
Done on standard Samsung+Chrome mobile browsers by holding down finger on the screen and swiping up and down…


christian_yStaff
Oct '18

Hey Lou,

I could replicate your concern. Currently the content scroll lock only works with the Mouse Scroll Wheel or technically, the Wheel Event. It does not lock the content when using the Scrollbar or the Scroll Event1.

I will post this in our issue tracker so our development team would be made aware of this case. Regretfully, a solid workaround or solution is currently not feasible. Please stay tuned for updates. The details of new features, bug fixes, enhancements are detailed in our Changelog1 so I’d recommend you check it when updates are available so you could see if this issue has been addressed.

Thank you for understanding.


elpanda13
Nov '18

Amazing there is a quick solution. Unfortunately it doesnt work for me… Could you please have a look, because my background is still scrolling when reaching the end of a Content Area… Is the code for example different for Content Area Off Canvas as to Content Area Modal? I tried the code in:

  • Customizer > Extra CSS

  • Cornerstone/Homepage > Left Menu > CSS

  • Element > Customize > Element CSS

https://youtu.be/PEJJ0P51IDg


LouDiamonds
Nov '18

When can the official fix be expected?
24 days and counting…


RadStaff
Nov '18

Hi Lou,

There is no news about it yet. But it’s already a known bug on our issue tracker. Please stay tuned.

Thanks!

Hey Lou,

Regretfully, the given solution is not official. We are glad that it works for others but if it does not work on your end, please kindly wait for the official fix.

The ps__rail classes are found in various scrollable elements so it might apply to the Off Canvas also.

Thanks.

When can the official fix be expected?
24 days and counting…

Hi Lou,

There is no news about it yet. But it’s already a known bug on our issue tracker. Please stay tuned.

Thanks!

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.