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

Dat Vo
Dat Vo Member Posts: 2 ✭✭
edited November 2024 in English Forum

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)

Comments

  • David Mitchell
    David Mitchell Member Posts: 1,275 ✭✭✭

    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

  • Dat Vo
    Dat Vo Member Posts: 2 ✭✭
    https://community.logos.com/discussion/comment/889304#Comment_889304

    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 :)

Categories