How to get inertial scrolling inside div on mobile

[Michael_Messina (Michael)]

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.

[samliew (webflowexpert.com)]

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

• A touch-friendly HTML/CSS inertial scrolling div. - bl.ocks.org
• ipad - How to get the scroll bar with CSS overflow on iOS - Stack Overflow

[Michael_Messina (Michael)]

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?

[samliew (webflowexpert.com)]

Hi @Michael_Messina,

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

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

[Michael_Messina (Michael)]

@samliew Awesome that worked perfectly, thanks!