jquery - Multiple ScrollMagic actions for conceptual art website - each action working only exclusively -
i trying combine 2 different actions on website, , since i'm beginner in javascript , scrollmagic, i've been struggling make work together. i've managed make each set of actions work individually. based code on tutorials jan paepke. here link page i'm working on :
multiple scrollmagic actions website
- the first set of actions tween left , right scroll down.
- the second set of actions able have scrollto action each of the second nav-links (page-nav) sections (#tags).
when troubleshooting it, i've noticed thing makes 1 or other work exclusively, if include
<script type="text/javascript" src="js/scrollmagic/scrollmagic.js"></script>
script (which included in scrollto tutorial. seems former script , jquery
<script type="text/javascript" src="js/scrollmagic/jquery.scrollmagic.js"></script>
files stepping on each other's toes speak. if 1 included , not other, that's action work on .html. anyways, i've been struggling while , i'm not familiar enough different jquery.scrollmagic or scrollmagic.js internal ramifications solve this.
this helpful me if has solution or thought! m sure there might more straightforward way @ can't seem find online... thanks,
adrien
you have several versions mixed here.
jquery.scrollmagic.js old library file version 1.x
scrollmagic.js current library file version 2.x.
plugins/jquery.scrollmagic.js jquery extension version 2.x
you find each of these informations in head section of respective file.
as found out can't use 2 different versions @ same time, "step on each other's toes".
i recommend learning more how scrollmagic works in its wiki.
furthermore should read , follow troubleshooting guide. part checking console helpful information can not stress enough.
the syntax has changed scrollmagic 1.x 2.x guess issues reside in fact, 1 uses old syntax , 1 uses new one. , that's can figure out, if use console.
Comments
Post a Comment