Search the Community
Showing results for tags 'safari'.
-
Hi, I'm using version 1.10.3 of TweenMax for multiple animations on my site. I'm using the scrollTo plugin on my main menu to smoothly scroll to different anchors on the page. I have tween animations on each section to show the content when the section scrolls into the viewport (triggered the first time the section scrolls into view only). The problem is that when any section scrolls into view and its animation is triggered, the page stops scrolling. It appears that the scrollTo tween is aborted by the new animation. * I logged the target anchor position before starting the scrollTo a
-
Is there a known issue of the ColorMatrixFilter plugin not working in the Safari browser? I am using the plugin to colorize two images, and it works in both Firefox and Chrome, but not Safari.
- 1 reply
-
- actionscript 3
- color
-
(and 3 more)
Tagged with:
-
Hey so i'm not sure if this is a greensock bug or a browser bug or me just pushing the limits too much, but what i have noticed on a couple projects i've started lately is that where i may have a bunch of tweens going on successfully in Chrome or Firefox, that when i test in Safari or on my iPhone, the animations dont seem to fully update visually. if i resize the window or anything like that, the screen corrects itself. where i've run into it, the problem doen'st happen if only 1 or two things are tweening at once, but if a more than a handful are tweening at once, it seems that the browser c
-
Adding autorotate to my bezier curve stops it from working in Safari (5.1.7) It just pins around in one spot and doesn't follow the curve. Removing the auto rotate parameter fixes it. Anyone any ideas?! Can't find anyone with this problem and not sure what to do about it, I really need it to auto rotate with the curve. Works in all other browsers! var anim = new TimelineMax(); anim.append(TweenMax.to($('#anim'), 2, {css:{bezier: {values: [{left:'3578px', top:'2417px'},{left:'3431px', top:'2362px'},{left:'3190px', top:'2252px'}], autoRotate: true}}, ease: Linear.easeNone}));
-
I'm experiencing a problem only on ios, Safari and Dolphin. When the page first loads, the TimelineMax animation will not play. If I tap somewhere on the screen (not on a button) or reload page, everything plays. I cannot seem to figure this out and I have tired rearranging the order of the way the page loads and to no avail, nothing works unless I reload the page or tap on the screen in a random spot. I checked the console.log and no issues. I could really use a bit of help on this one. URL: Works on: DESKTOP: Safari, Chrome, FF and Opera Broken on: iOS: Safari and D
- 5 replies
-
- timelinemax
- iOS
-
(and 1 more)
Tagged with:
-
Hey Everyone, I'm not sure if anyone else has run into this yet, but I developed a game using JS Tweenlite for a Safari browser for an iOS device. After I upgraded my iOS from 5 to 6, the Tweenlite doesn't seem to run, neither Safari on iOS 6 or Chrome on iOS6, everything works just fine on both browsers on a device running iOS5. Hoping to find a solution from you guys. Thanks much!
- 11 replies
-
- safari on ios6
- chrome on ios
-
(and 2 more)
Tagged with:
-
Hello Rockstarrs, I wrote this dynamic mp3 visualizer almost a year - and it worked wonderfully. Then recently I went back to it and it stutter steps and drops frames. The only things that have changed on my end, Mountain Lion (but i noticed it even before with Lion), FP11.3. So I recompiled the SWF, opened the SWF and everything as fine! Then opened it in the browser - same issue… Uninstalled Flash Player, reset Safari, Chrome, FireFox, repaired disk permissions systemwide, reinstalled Flash - no love. Made sure I had the most current version of GreenSock and swfObject, still
- 1 reply
-
- FP11.3
- slow performance
-
(and 5 more)
Tagged with:
-
This work in IE, Safari, Opera, Chrome but NOT in Safari. Any advice? <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript" src="TweenMax.min.js"></script> <style type="text/css"> body { margin:0px; } p{ background-color:#ff0000; width:300px; padding:2px; text-align:center; position:absolute; } </style> <script type="text/javascript"> var rullaPa; var rullaAv; var pElementet; function testar() { pElementet = document.getElementById("p1"); pElementet.addEventListener("mouseove