0

[Brian:]
You are my fire
The one desire
Believe when I say
I want it that way

[Nick:]
But we are two worlds apart
Can't reach to your heart
When you say
That I want it that way

[Chorus:]
Tell me why
Ain't nothin' but a heartache
Tell me why
Ain't nothin' but a mistake
Tell me why
I never wanna hear you say
I want it that way

[AJ:]
Am I your fire
Your one desire
Yes I know it's too late
But I want it that way

[Chorus:]
Tell me why
Ain't nothin' but a heartache
Tell me why
Ain't nothin' but a mistake
Tell me why
I never wanna hear you say
I want it that way

[Kevin:]
Now I can see that we're falling apart
From the way that it used to be, yeah
No matter the distance
I want you to know
That deep down inside of me...

[Howie:]
You are my fire
The one desire
You are
You are, you are, you are

Don't wanna hear you say
Ain't nothin' but a heartache
Ain't nothin' but a mistake (don't wanna hear you say)
I never wanna hear you say (oh, yeah)
I want it that way

Tell me why
Ain't nothin' but a heartache
Tell me why
Ain't nothin but a mistake
Tell me why
I never wanna hear you say (don't wanna hear you say)
I want it that way

Tell me why
Ain't nothin' but a heartache
Ain't nothin' but a mistake
Tell me why
I never wanna hear you say (never wanna hear you say)
I want it that way

'Cause I want it that way

ajouter en custom CSS : 

#wrapper {
    display:block;
    margin-left:auto;
    margin-right:auto;
}


ajouter en custom JS (avec explications, qui peuvent etre supprimées)  :

il suffit de changer dans le code JavaScript ci-desous le nom de la variable "classToFix" (actuellement nommée "ResteFixe") avec la class css de l'élément a fixer.


$(document).ready(function(){
    var racontrReady = new EventListener();
    racontrReady.addEventListener('RacontrReady', function () {
                // le #displayer ayant des regles de transform-origin: 0px 0px 0px; et transform: scale               
//https://meyerweb.com/eric/thoughts/2011/09/12/un-fixing-fixed-elements-with-css-transforms/
                // HACK : on recupere l'élément a mettre, en fixed, on le sors du displayer
                // MAIS pour qu'il garde tous les styles css appliqués en "#compos ID/class" il faut re-wrapper cet élément d'un autre div #compos (sémantiquement incorrect car 2 divs avec un ID #compos)
                // ET on ajoute un #wrapper pour le centrer

                var classToFix = ".ResteFixe";
              $(classToFix).css('position','fixed').appendTo('#racontr-body').wrap('<div id="compos" style="width:100%"></div>').wrap('<div id="wrapper"></div>');
              //donner au wrapper la largeur de l'element a mettre en fixed
              $('#wrapper').css('width',$(classToFix).width());
              // pour forcer le centrage au lieu du positionnement fixé en left
              // récupérer l'id de l'élément

              var stickyID = $(classToFix).attr('id');
              $('#compos .' + stickyID).css('left', "inherit");             
    });
});