Scroll not working on Android Chrome only

Question

For some reason scroll doesn't work on Android Devices in Chrome browser only.

You can see the site at Peshkuiarte.com/mobile

I have tried:

    $(document).ready(function() {
      $('body').css('touch-action', 'auto');
  });

I can't seem to figure it out ... Any help would be greatly appreciated

Answer 1

By scroll do you mean dragging the page with your finger on mobile?

You've set -webkit-user-drag: none; as an inline style for body, which might be the cause.

It's a Webkit-specific property:

CSS property: -webkit-user-drag

Description

Specifies that an entire element should be draggable instead of its contents.

Syntax

-webkit-user-drag: auto | element | none;

Values

• auto The default dragging behavior is used.

• element The entire element is draggable instead of its contents.

• none The element cannot be dragged at all.

It's supported by Chrome 1-17 and Safari 3-5.1: http://www.browsersupport.net/CSS/-webkit-user-drag