Jump to content
Search Community

SRInteractive

Business
  • Posts

    3
  • Joined

  • Last visited

About SRInteractive

SRInteractive's Achievements

  1. All my searching and I never came across disable() ?‍♀️ Thank you so much!
  2. I am wanting to set which image animates based on a button click. So if I click the first button "E18MCL" then the dinosaur would animate. Then if I scroll back up and click the other button "E18MML" then the giraffe would animate. I am using JS to set a class (marquee__modals--active) on the image I want to animate on button click. This is working correctly, the class is added when needed. My issue is that my fromTo tween seems to grab the element on page load then never reloads it. So on page load the dinosaur has that class, so every button click makes him animate, even if the giraffe has the class later. My current code is attempting to be a bit dynamic, but I tried hardcoding the classes and just making two click event listeners. This worked for the first click, but then with the second click both images animated. I'm guessing I need to kill something but I'm not sure where to do that. Thank you!
  3. On a current scrolling landing page we are building we use a timeline to control animations up and down the page. The scrollTo plugin is used to move the page up and down as the user scrolls. The main navigation at the top then seeks to specific parts of the timeline. On IE browsers, when we do this seek() or pause(), it quickly flashes through the skipped content. On Chrome or Firefox the timeline advances to that spot with no problems. This codepen example shows the problem in an abbreviated form. When a click is fired on the link at the top, we utilize a scrollTop function to move the window to the correct position. After two seconds we advance the timeline to the state that would match the window position. In Chrome and Firefox this seek is not noticeable. In IE browsers (tested in IE9, 10, and 11) the content between the top of the page and the new position flashes by. Watch the section h1 carefully to see it. http://codepen.io/aclabaugh/pen/mpAwB Any ideas on how to stop the seek from showing some of the steps in between a scrollTo tween in IE?
×
×
  • Create New...