Kendo grid MVC, scroll is not working on mobile browser. Not able to scroll on mobile but working fine on desktop browser.
Style touch-action set as none by Kendo, which was causing issue.
As an workaround added below code in document ready...
$(".k-selectable").css("touch-action", "auto");
This solved my issue.
Sharing this to save someone time probably.
Related
I'm building this website with cargo collective and I'm having problems with the scroll of some pages, especially this one:
https://civitonia.cargo.site/26993899
After speaking with them they told me that is a problem related to the css and that they cannot put their hands on it. I can't figure out what's the problem about the scroll.
Does anyone knows what's the problem behind it?
try to change your browser, i use chrome and firefox in mobile mode scroll is working , and i'm try in my handphone scroll is wornking,my phone POCO X3 PRO
On mobile devices, scroll down does not work when the services tab is clicked. I can't find the problem for hours. Anybody have any ideas?
The problem is class="page-overlay" have position:fixed;.
If you for example set it to absolute or none all work.
Brand Identity and Online Marketing do work. I opened the developer tools and saw that the div.logo.white is on top of the first two h2. That is probably what causes it, because the functionality works fine. Other than that, great layout and style.
I am building a website which works fine on browsers on a laptop but when i start using the same on a mobile browser, i see that the only thing I am able to do on my mobile browser is to double tap to zoom in and be able to click and type.
I am not able to scroll or move the web page around to change the view port.
Has someone experienced the same problem before?
I am using bootstrap for this and the layout is responsive.
Please help.
Thank you
Had spent many hours try to figuring out what makes content wrapper not working.
The site is here:
http://bit.ly/19dWUf
html structure contains header, content and footer.
Its looks good when accessing using firefox, google chrome in dekstop by resizing the window to emulate mobile view.
The problem
When accessing using mobile devices the content section is right aligned, header n footer looks fine.
since it looks good on firefox and usually use firebug to debug,
it's hard to find what makes problem in real mobile device.
i m using Opera Mobile emulator to check the display..
any opinion appreciated. or is there any firebug/similar tools for testing mobile?
Thank you
Your section#content-wrapper gets margin-left and margin-right of 30px upon page load.
Either remove
jQuery('#content-wrapper').css({
'margin-left':'30px',
'margin-right':'30px'
});
from jquery.custom.js (line 332), or change it to
'margin': '0 auto'
I'm working with a webview this time. I've got a strange behaviour here.
The overflow-x is set to hidden, and works just fine on browsers. But when it comes to any mobile device, it doesn't respect the overflow at all.
http://www2.madeinweb.com.br/jobs/adc/prototype/html/
This is the URL of it. If you try to open the menu, it will work as intended. But I can scroll the content I placed left. That doesn't happen on browsers.
I know I can fully disable scrolling with jQuery, but I can't find a proper way to disable just horizontal scrolling.
Any tips over it?
I've managed to tweak it out with touchmove. thanks no one for the answer