Streaming live at 10am (PST)

How to get inertial scrolling inside div on mobile


#1

Is there a code that I need to add to a div block to allow inertial scrolling on mobile devices? It works on my Macbook, but not on my iPhone. Scrolling is very sharp and unnatural on touch devices when I create overflow scrolling within divs.


#2

Seems like -webkit-overflow-scrolling: touch; is the answer.


#3

Thank you for your help @samliew .

How to I implement this into the div? Do I use the custom attributes in the settings panel setting?


#4

Hi @Michael_Messina,

That is a CSS style, you have to insert via custom code:

<style>
.my-div-classname {
  -webkit-overflow-scrolling: touch;
}
</style>

#5

@samliew Awesome that worked perfectly, thanks!