bartmc

Rodrigo, your 2-slider example is exactly what I needed to get going. And I completely understand that these forums are not the place for me to find a complete solution for this kind of thing. Thank you! bart

Hello - I need to put two simple sliders on one page, both controlled by 1 set of next/previous buttons, so they change slides simultaneously. I've made a pen with an illustration of my problem. The two sliders change slides together, but the slides in #2 follow sequentially after the slides in #1. I understand that this is because the javascript just lines up all the slides sequentially, but I can't figure out how to separate the 2 separate groups of slides. I tried making 2 copies of the js and re-naming everything in the code, but it turned into an endless rabbit-hole for me and I still haven't figured it out. So - can someone point me to an example of two GSAP sliders running together on one page? Thank you! Bart McLaughlin

Forehead-slap! Yes - I gave the background divs background-attachment: fixed; and it works perfectly. No scrolltrigger required. Thank you elegantseagulls!

Hello All, I've forked the ScrollTrigger Simple Parallax Sections demo (https://codepen.io/GreenSock/pen/QWjjYEw) to modify it to create a slightly different reveal. My fork works just the way I'd like it to, but when I resize the browser my vertical spacing goes awry. I tried adding invalidateOnRefresh: true to the triggers, but that didn't work. So I think I need a function to make the sizes re-calculate when the window resizes, but I can't figure out where/how to do it. I also apparently need to find a good tutorial on using functions with ScrollTrigger triggers ; ) Any help much appreciated!

Works perfectly, thank you! It's also blindingly simple. Thank you so much.

I've attached a simple pen below. The basic idea is that I’m pinning an image in a column on the left, while some copy scrolls by on the right. I'd like to set the pin end point with a function, something like “end the pin when the bottom of the trigger element reaches 'the top of the window + the current height of the image'. Now it's just set to end: "bottom top+=300" for this demo, but if the viewport is a different size and/or shape, or if the designer changes the image size, the pin end won't align properly. Any help much appreciated!

I need a freelancer to help me finish a slider with an overlapping slide transition. You can see my work so far in this pen: https://codepen.io/bartmc/pen/wvgXqeB The slider is based on Craig’s response in this post: I need the slider auto-play forward and loop, with Next and Previous buttons functioning like this: I'd like the slider to loop forward automatically, but if the Next or Previous buttons are pressed, it should move forward (or backward) 1 slide and continue looping forward from there. I'd like the Previous button to decrement from the first slide to the last slide and continue decrementing from there. It’s glitchy decrementing from 1-3 back to 0, always going to slide 4 (the last slide in the array), if you’re on the second loop through the array. It won’t loop backwards past 0 at all. Please DM me or send email to bart@bartmclaughlin.com if you're interested in this job. Thanks! Bart McLaughlin bart@bartmclaughlin.com

Hello! I'm working on a slider with an overlapping slide transition. It's based on Craig’s response in this post: I've made a demo of my work so far, in the attached pen. I can make the slider auto-play forward and loop, with no buttons, but I’d like to have buttons too. This is what I’m trying to figure out: I'd like the slider to loop forward automatically, but if the Next or Previous buttons are pressed, it should move forward (or backward) 1 slide and continue looping forward from there. I'd like the Previous button to decrement from the first slide to the last slide and continue decrementing from there. It’s glitchy decrementing from 1-3 back to 0, always going to slide 4 if you’re on the second loop through the array. but won’t loop backwards past 0 at all. Any help or advice would be much appreciated - including "hire yourself a programmer!" Thank you!