Jump to content


conflict into a script file

Recommended Posts

Hi all !
Right now I need 2 scripts in the same js file :
First one called in my index.php file

	Draggable.create(".vignettes", {
    throwProps: true

gsap.set("body", {overflowY:'scroll'});

var scrollSpeed = 0.5; // half of user scroll
var scrollHeight = 10000;

gsap.set("body", {height:scrollHeight, overflowY:'scroll'});

$(document).on("scroll", function (){
  const pixels = $(document).scrollTop();
  gsap.to('.vignettes',1,{x:-0.5 * pixels})
   //'0.5' = half speed of user scroll

Second one called in my apropos.php file

/////A PROPOS SPLITTEXT////////////////////////////////////////////////

var tl = gsap.timeline(), 
    mySplitText = new SplitText("#quote", {type:"words,chars"}), 
    chars = mySplitText.chars; //an array of all the divs that wrap each character

gsap.set("#quote", {perspective: 400});

tl.from(chars, {duration: 8.8, opacity:0, scale:0, y:80, rotationX:180, transformOrigin:"0% 50% -50",  ease:"back", stagger: 0.01}, "+=0");


The first one seems to disturb the second one. I don't understand why ...


Link to comment
Share on other sites

I've got the answer, I've forgotten to import all libraries in the 2nd file, sorry !

I thought it wasn't compulsory when I didn't need them.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.