I implemented tinycarousel for my little project and it works almost in all browsers, but scrolling doesn't work in a default android browser and I dunno how to debug it or fix, could anyone help me, please. Maybe anyone have the same issue?
Here is a simple code, which I use for this carousel:
$('#videoResume .videoResumeHolder').tinycarousel({interval: false, pager: true});
Related
I am learning reactJS and encountered a weird issue in my web application. When I click a textarea/textfields, the page just randomly scrolls up. But this behavior only happens in android browsers and in android webView.
It looks okay in iOS devices.
Anyone knows why this happens? I have followed a number of suggestions like adding preventDefault() or return false; or even window.scrollTo(0) but none of these works for me.
By the way, I'm using the #react-spring/parallax library if that gives some clue.
Appreciate your ideas! and thank you in advance!
I've got a webview that I'm displaying that has a couple of Ratchet slider components. I'm noticing that they're nearly un-usable because they'll jerk and jump around as I'm trying to scroll through the options.
Has anyone seen this before? Does anyone have any suggestions on how to fix this?
I haven't seen this issue on iOS, only Android.
Here is a link to the Ratchet documentation.
I have a mobile website using jQuery and it $(window).scroll evenet. This works perfectly in Chrome and Safari Mobile, but Android native browser is showing me the middle finger.
I have this simple code:
$(window).scroll(function() {
alert("Scrolled");
}
But this alert never appears. I've done alerts in other parts of code, so alert are enabled and I extensively use jQuery so it's also loaded.
I am not sure what's going on here, am I missing something or is this a bug?
It's a bug or limitation in the Android browser, the built-in browser in Android is a lightweight version browser, so some features are not compatible
Simply use:
$("html:not(:animated),body:not(:animated)").animate({ scrollTop: 0 }, 400);
this will scroll you page to the top.
you can set "scrollTop: " value to set it to any specific TOP position.
dont forget to vote up.
:)
thanks
I'm facing a problem that i've been fighting from a long time, but i still don't have an answer. I looked for it in tons of foruns and websites, but nothing really works. Anyone faced the same problem and solved it?
The problem: I have a page with multiple divs on it, and each div is a page. Everytime i click on a button, one of the divs get visible and the others hidden. Here comes the problem: If i click multiple time on different links (to change the visible div), it stops rendering the correct content and blocks in one of them. I noticed that the contect is loaded, just don't render on the screen. I noticed it, because if i turn the cellphone in landscape and then in portrait, the content renders correctly and shows what i wanted.
Seems that this error occurs because the phone doesn't render the content properly. Is there a way to solve it? Maybe forcing the renderization? How can i make it? i couldn't find anything.
I looked and tried tons of codes, the one that worked for me was using the followind css, but it brings me a lot of problem. The textboxes start moving when i type and sometimes it doesnt accept some characters, and many other strange problems.
The code: -webkit-transform: translate3d(0px,0px,0px);
I'm using in my html files the following code also: <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">. It allows me to have fixed header without using any js library.
The tools i'm using: Phonegap 2.5, android 2.3.4
Any idea?
Thank you
PS: I decided to don't publish the code, because it doesn't seem to be related with what i write, but with some bug..
I think if I remember correctly the Android 2.3x browsers do not support translate3d
that should be the problem try running it on a 4.x AVD and see if it works
This guy solved the problem:
Android WebView renders blank/white, view doesn't update on css changes or HTML changes, animations are choppy
Seems that its the only way to solve it properly, i didn't find anything but this solution...
I had a problem similar to this, and the bug was caused because i was using "css content" property (content: '';).
If you are using this, try to remove.
best,
I am new to phonegap and jqTouch, I am using these for developing Android application.
The problem is, the touch event on textfields working fine on iPhone, but not working on Android, nothing happens when we tap on textfield.
Edit: I came to know that the problem is because the iScroll plugin is being used. When I remove this, the functionality works fine, but I need to use this in my application.
Can anyone tell me what is wrong with iScroll and Android textfields?
Thanks in Advance.
I know the sort of problem you are talking about. When iScroll is being used on a page, it disables the input, select functionality within a form.
It is a known issue and there seem to be a few work arounds out there. Apparently, this is supposed to fix the issue without disabling the iScroll functionality:
In the touchStart function make sure to add the following condition:
if (e.target.tagName != "SELECT")
{
e.preventDefault();
e.stopPropagation();
}