Logo Questions Linux Laravel Mysql Ubuntu Git Menu
HTML CSS JAVASCRIPT SQL PYTHON PHP BOOTSTRAP JAVA JQUERY R React Kotlin
 

Chrome DevTools Mobile Emulation scroll not working

Tags:

scroll

google-chrome-devtools

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
Sign in to Comment

Related questions

jQuery scroll to ID from different page
Hide FloatingActionButton on scroll of RecyclerView
How to disable horizontal scroll in visual studio code?
WPF ListBox Scroll to end automatically
FloatingActionButton hide on list scroll
How to scroll to top of a div using jQuery?
Chrome 61 body doesn't scroll
jQuery disable scroll when mouse over an absolute div
IntelliJ IDEA disable font increase/decrease on CMD+scroll
How to use RecyclerView.scrollToPosition() to move the position to the top of current view?
Material design layout_scrollFlags meanings
(Smooth)ScrollToPosition doesn't work properly with RecyclerView
jQuery UI sortable scroll helper element offset Firefox issue
-webkit-overflow-scrolling: touch; breaks in Apple's iOS8
CSS 100% Height, and then Scroll DIV not page
Activate CSS3 animation when the content scrolls into view
Event when user stops scrolling
Position fixed on chrome mobile causing element to move on scroll up/down
Weird scroll behavior in latest Blink-included browsers (like Chrome, Opera)
Auto height div with overflow and scroll when needed

Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!