anxpara
KPCKevin Powell - Community
•Created by anxpara on 12/17/2022 in #front-end
offsetTop not always correct when offsetParent is body
bump
6 replies
KPCKevin Powell - Community
•Created by anxpara on 12/17/2022 in #front-end
offsetTop not always correct when offsetParent is body
(if 2 is true, then i'd consider that a bug, but maybe that's where things turn to opinion)
6 replies
KPCKevin Powell - Community
•Created by anxpara on 12/17/2022 in #front-end
offsetTop not always correct when offsetParent is body
1) I want to make sure my understanding of the specs for offsetParent and offsetTop are correct
2) I want to verify if it's true that the major browsers aren't following the spec, since the offsets they provide are not relative to the offsetParents they provide (body), but rather the viewport / initial containing block
6 replies
KPCKevin Powell - Community
•Created by anxpara on 12/17/2022 in #front-end
offsetTop not always correct when offsetParent is body
bump
6 replies
KPCKevin Powell - Community
•Created by anxpara on 12/6/2022 in #front-end
offsetTop and offsetHeight but with subpixel precision?
so back to your suggestion to look at flip solutions, it looks like the linked solution uses gBCR(), so i'm not sure it would be able to handle rotate/skew/3d transforms, among other scenarios. i'll look for some established projects to see how they managed
19 replies
KPCKevin Powell - Community
•Created by anxpara on 12/6/2022 in #front-end
offsetTop and offsetHeight but with subpixel precision?
Wayfinder doesn't do any animation itself, it just gives you the params to plug into your favorite animation library
19 replies
KPCKevin Powell - Community
•Created by anxpara on 12/6/2022 in #front-end
offsetTop and offsetHeight but with subpixel precision?
i know
19 replies
KPCKevin Powell - Community
•Created by anxpara on 12/6/2022 in #front-end
offsetTop and offsetHeight but with subpixel precision?
if they're different, then you can either take the performance hit by animating size, or you can find a moment to set the size once
19 replies
KPCKevin Powell - Community
•Created by anxpara on 12/6/2022 in #front-end
offsetTop and offsetHeight but with subpixel precision?
if your waypoints are the same size then no animation needed
19 replies
KPCKevin Powell - Community
•Created by anxpara on 12/6/2022 in #front-end
offsetTop and offsetHeight but with subpixel precision?
if GSAP can animate width, height, and matrix3d (or transform: matrix3d), then it's compatible
19 replies
KPCKevin Powell - Community
•Created by anxpara on 12/6/2022 in #front-end
offsetTop and offsetHeight but with subpixel precision?
theoretically you can use it with GSAP right now
19 replies
KPCKevin Powell - Community
•Created by anxpara on 12/6/2022 in #front-end
offsetTop and offsetHeight but with subpixel precision?
it's a work in progress. i published the core documentation, so i'm finally starting to share it with people
19 replies
KPCKevin Powell - Community
•Created by anxpara on 12/6/2022 in #front-end
offsetTop and offsetHeight but with subpixel precision?
have you looked through my site?
19 replies
KPCKevin Powell - Community
•Created by anxpara on 12/6/2022 in #front-end
offsetTop and offsetHeight but with subpixel precision?
with Wayfinder, you project waypoint elements to wayfinder divs, which act as a common ground for travelers to animate on
19 replies
KPCKevin Powell - Community
•Created by anxpara on 12/6/2022 in #front-end
offsetTop and offsetHeight but with subpixel precision?
Wayfinder is a different approach to web animation than the flip technique, although the math is probably similar. flip probably isn't as sensitive to subpixel imprecision as Wayfinder is
19 replies