Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Fullpage + ScrollOverflow and modify current position od transform after click inside link / tab #3779

Closed
Bartekb89 opened this issue Oct 17, 2019 · 1 comment

Comments

@Bartekb89
Copy link

Bartekb89 commented Oct 17, 2019

Description

Hello,
I'm using Fullpage with Scrolloverflow and i have problem with current position on Y axis, after i modify translate on Y value on click some tabs (team members images) and i want to animation scroll down to description team member this work fine, but when i scroll wheel or touch on mobile, position of transform is like before my transform modify value.

var matrix = $('#zespol-section .fp-scroller').css('-webkit-transform');
var translate_val = matrix.match(/-?[\d\.]+/g);
var scroll_translate = translate_val[5];
var menu = $('.menu-wrapper').height();
var top = scroll_translate - $target.offset().top + menu + 15;
$('#zespol-section .fp-scroller').css({'transform' : 'translate(0px, '+top+'px)  translateZ(0px)'});

Where in scrolloverflow can i add my code to refresh current position of transform (translate on Y) after some click on tab and position of Y will update?
I hope You understand me :)
Best wishes from Poland

@alvarotrigo
Copy link
Owner

Fixed in v4! 👍

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants