Reftagger does not work with absolute elements (by jQuery Fullpage)

Page 1 of 1 (3 items)
This post has 2 Replies | 1 Follower

Posts 2
Dat Vo | Forum Activity | Posted: Mon, Mar 13 2017 1:49 PM

I have the following personal page: http://www.lukevo.faith/sof

that uses jQuery Fullpage (http://alvarotrigo.com/fullPage/)

Reftagger cannot work on that page, because it get the wrong top position of the element (please refer the screenshot). Is there any fix or workaround?

(full screenshot link: http://i.imgur.com/SwwGlDO.png)

Posts 1246
David Mitchell | Forum Activity | Replied: Mon, Mar 13 2017 1:56 PM

It appears that your jQuery plugin uses a `transform: translate3d()`  rule to accomplish its element position. If you have a way to find the current value of the transform rule and also apply it to all elements with the class `.rtTooltip`, your tooltips will appear in the correct position.

(note that I am unfamiliar with this jQuery plugin and can't provide any advice regarding how to interoperate with it)

David Mitchell
Development Lead
Faithlife

Posts 2
Dat Vo | Forum Activity | Replied: Mon, Mar 13 2017 2:29 PM

Thank you for your early reply. I am using this "hack" now (script at the bottom my updated personal page):

window.setInterval(function () { var rtTooltip = $(".rtTooltip"); if (rtTooltip.length) { rtTooltip.css("transform", $(".fullpage-wrapper").css("transform")); } }, 1000);

Would be awesome if Reftagger can provide some callback/event :)

Page 1 of 1 (3 items) | RSS