vishl's public fiddles
-
sb5TG
Mootools 1.4.5, HTML, CSS, JavaScript
-
pXfXY
jQuery 1.7.2, HTML, CSS, JavaScript
-
DragDrop
jQuery 1.7.2, HTML, CSS, JavaScript
-
Alert UserAgent
Mootools 1.4.5, HTML, CSS, JavaScript
-
Window height
jQuery 1.7.2, HTML, CSS, JavaScript
-
Window height
jQuery 1.7.2, HTML, CSS, JavaScript
-
Scrolling Divs
It doesn't work at all on android 2 and iOS4. In Android 4 javascript scrollTo does not work
-
Touch events improperly propagated
On android and iOS when you touch the top button, the bottom button receives a click event (not a touch event). This only happens if the top button moves when you touch it (translate or positional)
-
Translate3d with fixed element (Android2 version)
Fixed elements within translated elements become static. This is not a mobile bug as chrome on desktop does this as well. The translation needs to take place separately for the fixed and the non-fixed elements. Note:translating fixed elements does not work in android2. Use left/right instead of translate3d.
-
Translate3d with fixed element (working)
Fixed elements within translated elements become static. This is not a mobile bug as chrome on desktop does this as well. The translation needs to take place separately for the fixed and the non-fixed elements. Note:translating fixed elements does not work in android2. Use left/right instead of translate3d.
-
Translate3d with fixed element
Fixed elements within translated elements become static. This is not a mobile bug as chrome on desktop does this as well. The translation needs to take place separately for the fixed and the non-fixed elements.
-
Transition vs 3d Transforms
3d transforms are much faster than transitions and work in all major mobile browsers (iOS4, iOS5, Android 2, Android 4)
-
Autoscroll with fixed elements
Javascript scrolling of the window when you have a fixed element causes the element to be unclickable until you manually scroll.
-
Fixed elements positioned incorrectly
When something besides the users changes the screen (like the keyboard popping up) it causes fixed elements to be rendered in the wrong place
-
Touch events with scrolling
Touch events in fixed elements do not work in iOS once the page is scrolled. Click events still work.
-
Basic Fixed with scale
A fixed element will not fix on iOS4 or Android 2.3 (without scale set in the meta tag)
-
Basic Fixed without scale
A fixed element will not fix on iOS4 or Android 2.3 (without scale tag)
-
4cbZj
Mootools 1.4.5, HTML, CSS, JavaScript