Streaming live at 10am (PST)

Mobile scroll problem


#1

Hi guys,
i'm building my first webflow website. I need help with a strange thing that happen.
If you try to watch my test website with a mobile device, when you are at bottom you will be knocked back with a "boing effect". Somebody knows how can I fix it?
Thank you so much!!

website: http://test-399b4f.webflow.io/


Here is my public share link: LINK
(how to access public share link)


#2

Hi @Denny

Can you please she your Public Share link?


#3

here: https://preview.webflow.com/preview/test-399b4f?preview=460d26f9fb2b3f1449867ef8d623b563

Thank you Anna


#4

Hey @Denny

Since I cannot see the live changes i'm making on the website, please can you try something for me?
Please, remove the footer section of your website, publish it and let's see if the problem will be fixed.


#5

Thank you Anna, I tried but still happen.


#6

Can you also remove the class named body.
Also you have set Float:none, Height:auto, overflow:none and position:auto on elements that already don't need those settings. Always be sure not to set any default css value again.

Please, try removing the body class and report back to me.


#7

@Denny

A few tips:

Use Height: 100vh instead of 1000px

Also, learn to use Flexbox. It will help you design faster and more easily without needing to add all those paddings.


#8

I don't know how to thank you!! I did not know this interesting feature. I run to study.
Unfortunately, the problem of the scroll continues to be.


#9

Pick your choice of fixes:


#10

Duplicate of


#11

Thank you samliew for your answer, I think the topics that you posted talk about a different problem (from how I explained it actually looked like you say, my bad). If you see the website with a mobile device you can understand what I mean.
Thank you so much again.


#12

Found it. Delete your scroll down icon or remove all the interactions on it.


#13

I don't know how to thank you! It worked!


#14

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