0 Replies Latest reply on Aug 29, 2014 5:48 AM by geopehlivanov

    Part of my code won't work in Firefox

    geopehlivanov Level 1

      I'm not really good at coding and I have some problems with my code. I create animated menu in Edge Animate using jquery and then imported it in Muse as a edge file. It's working perfect in IE and Chrome, but something caused problems in Firefox - menu start animation just don't work in Firefox when scroll down. I appreciate any help!

       

      Label = "begin";
      sym
      .$("menuover").hide();
      var h = $(window.parent).height()
      var element1 = sym.getSymbol("submitbut").$("title");
      var element8 = sym.getSymbol("aboutbut").$("title");
      var element9 = sym.getSymbol("servicebut").$("title");
      var element10 = sym.getSymbol("projectbut").$("title");
      var element15 = sym.getSymbol("beginbut").$("title");

      fired10
      = true;
      var fired11 = true;

      $
      (window.parent).on('scroll', function b1() {
      var $this = $(this),
        $head
      = $('#head');

        
      if ($this.scrollTop() > h && Label == "begin" && fired11 === true) {

        fired10
      = false;
        fired11
      = false;

      var element3 = sym.$("menuback");
      TweenMax.to(element1, 1, {x:-630, alpha:1, ease:Power3.easeOut, onComplete:animDone});
      TweenMax.to(element8, 1.1, {x:-630, alpha:1, ease:Power3.easeOut});
      TweenMax.to(element9, 1.2, {x:-630, alpha:1, ease:Power3.easeOut});
      TweenMax.to(element10, 1.3, {x:-630, alpha:1, ease:Power3.easeOut});
      TweenMax.to(element15, 1.4, {x:-630, alpha:1, ease:Power3.easeOut});
      TweenMax.to(element3, 1.3, {alpha:1, x:-860, width: 940, ease:Power3.easeOut});

      function animDone() {
      var element1 = sym.getSymbol("submitbut").$("title");
      var element8 = sym.getSymbol("aboutbut").$("title");
      var element9 = sym.getSymbol("servicebut").$("title");
      var element10 = sym.getSymbol("projectbut").$("title");
      var element15 = sym.getSymbol("beginbut").$("title");
      TweenMax.to(element1, 1, {color:"#7F8C8D", ease:Power3.easeOut, onComplete:animDone2});
      TweenMax.to(element8, 1, {color:"#7F8C8D", ease:Power3.easeOut});
      TweenMax.to(element9, 1, {color:"#7F8C8D", ease:Power3.easeOut});
      TweenMax.to(element10, 1, {color:"#7F8C8D", ease:Power3.easeOut});
      TweenMax.to(element15, 1, {color:"#7F8C8D", ease:Power3.easeOut});
      }

      function animDone2() {
      var element2 = sym.getSymbol("submitbut").$("redline");
      var element12 = sym.getSymbol("aboutbut").$("redline");
      var element13 = sym.getSymbol("servicebut").$("redline");
      var element14 = sym.getSymbol("projectbut").$("redline");
      var element16 = sym.getSymbol("beginbut").$("title");
      var element20 = sym.getSymbol("beginbut").$("strelka");
      var element3 = sym.$("menuback");
      var element5 = sym.$("closebut");
      var element6 = sym.$("closebutover");
      var element7 = sym.$("closebutback");
      TweenMax.to(element3, 0.6, {backgroundColor:"#ede8e0", x:-859, y:37, height:365, ease:Power3.easeOut, onComplete:animDone3});
      TweenMax.to(element2, 0.6, {x:0, y:-40, height:61, alpha:1, ease:Power3.easeOut});
      TweenMax.to(element12, 0.6, {x:0, y:-40, height:61, alpha:1, ease:Power3.easeOut});
      TweenMax.to(element13, 0.6, {x:0, y:-40, height:61, alpha:1, ease:Power3.easeOut});
      TweenMax.to(element14, 0.6, {x:0, y:-40, height:61, alpha:1, ease:Power3.easeOut});
      TweenMax.to(element16, 0.6, {color:"#ff3d4e", x:-450, y:55, scaleY:2, scaleX:2, ease:Power3.easeOut});
      TweenMax.to(element20, 0.6, {x:50, alpha:1, ease:Power3.easeOut});
      TweenMax.to(element5, 1, {alpha:1, x:-48, ease:Power3.easeOut});
      TweenMax.to(element6, 1, {x:-48, ease:Power3.easeOut});
      TweenMax.to(element7, 1, {alpha:1, width:30, ease:Power3.easeOut});
      }

      function animDone3() {
      var element4 = sym.$("but5");
      var element17 = sym.$("but4");
      var element18 = sym.$("but3");
      var element19 = sym.$("but2");
      TweenMax.to(element4, 1, {y:-75, ease:Power3.easeOut});
      TweenMax.to(element17, 1, {y:-139, ease:Power3.easeOut});
      TweenMax.to(element18, 1, {y:-203, ease:Power3.easeOut});
      TweenMax.to(element19, 1, {y:-267, ease:Power3.easeOut});
      }

      }
      }
      );