Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Chrome DevTools Mobile Emulation scroll not working

Using Google Chrome's DevTools Mobile Emulation, it seems that the touch scroll is not working.

See this test: http://codepen.io/dstj/pen/Datcw

Scrolling works on both an iPad 3's Safari and Android 4.2' Chrome, but does not work in Google DevTools with Touch Screen Emulation.

Another difference I see is that scrollbars appear on DevTools, but not on tablets...

Any ideas why?

Note: Using Chrome Version 33.0.1750.154 m

like image 829
dstj Avatar asked Mar 28 '14 20:03

dstj


People also ask

How do I scroll in Chrome mobile?

Launch the Chrome browser on your mobile device and type chrome://flags into the URL search bar. This will take you to the “Experiments” screen. In this screen, use the search bar to find “Smooth Scrolling.” You should see the Smooth Scrolling flag and a short description on the screen.

Why Chrome DevTools is inaccurate for mobile testing?

Chrome's developer tools offer an emulator, not an actual phone or tablet, to simulate your website on any given mobile device. This emulation is based solely on changing the screen resolution to match the dimensions of the device. Consequently, Chrome's display of your website on mobile may be completely inaccurate.


2 Answers

When it happened to me, I closed the tab and launched again. It fixed it.

like image 144
King James Enejo Avatar answered Oct 03 '22 06:10

King James Enejo


I had a similar problem when running Chrome on MacOS. If you know a device width let's say iPad is 768px width then instead of device choose Responsive and enter 768px for width. After that you should be able to scroll.

like image 21
Dmitry Avatar answered Oct 03 '22 07:10

Dmitry