MyPage is a personalized page based on your interests.The page is customized to help you to find content that matters you the most.

I'm not curious

Scroll-Activated Animations with Edge Animate

Course Summary

 Learn how to let your users control your HTML5 animation with their scroll wheel, trackpad, or even the browser's scroll bar.       

  • +

    Course Syllabus

            Preview the final project
            About the exercise files
        1. Responsive Design, Custom Scripts, and Scroll Detection
            Setting responsive properties for the animation
            Setting stop points and labels
            Adding custom JavaScript to your composition
            Setting properties and elements with jQuery
            Adding scroll and resize detecting with jQuery
            Fixing the composition position in a webpage
            Calculating the scroll amount
        2. Adding Controls for Touch Devices
            Detecting touch devices
            Adjusting the messaging
            Adding navigation buttons
            Adding swipe gestures
            Hiding touch elements for nontouch devices


Course Fee:
USD 25

Course Type:


Course Status:



1 - 2 hours / week

This course is listed under Development & Implementations and Digital Media & Games Community

Attended this course?

Back to Top

Awards & Accolades for MyTechLogy
Winner of
Top 100 Asia
Finalist at SiTF Awards 2014 under the category Best Social & Community Product
Finalist at HR Vendor of the Year 2015 Awards under the category Best Learning Management System
Finalist at HR Vendor of the Year 2015 Awards under the category Best Talent Management Software
Hidden Image Url

Back to Top