Réinitialiser la valeur du scroll à chaque changement de la page

Messages postés
73
Date d'inscription
jeudi 20 mars 2014
Statut
Membre
Dernière intervention
31 mai 2019
-
Bonjour, j'ai un petit problème que je n'arrive pas à résoudre pendant quelque semaine et même après avoir fait quelque recherche sur google ce qui m'as permis d'ouvrir ce sujet et vous demande votre aide s'il vous plaît!

Voici mon problème, en fait j'ai un page en pdf s’exécute sur un navigateur, et j'ai réussi à identifier le numero de page à chaque scroll:

$("#mainContainer").on("scroll",function(){
           $(".PDFPage").each(function(index){
               if (isShowen(this)){
//                   console.log("PAGE VIEWED "+(index+1));
                   $("#actualPage").text((index+1));
                   //console.log(index+1);
                   pageConcerner=index+1;
//la variable pageConcerner contient le nombre de la page
                   console.log(pageConcerner);
                    obtenirlecentredelapage=windowScroll;
                       
           });


aussi j'ai réussi à obtenir la centre de la position de la page à chaque scroll est je veux que cette valeur se réinitialise à chaque nouvel page. Voici mon code:

$('#mainContainer').scroll(function(event){
        
  // Valeur de defilement lors du chargement de la page
  windowScroll = $('#mainContainer').scrollTop();
   
  // Mise a jour du positionnement en fonction du scroll
  if( windowScroll >= fixedLimit ){
                        obtenirlecentredelapage =LAST_SCROLL_OFFSET;
             
   var topPos   = $("#rocket_dummy")[0].getBoundingClientRect().top  
        //console.log(topPos);
   //alert(LAST_SCROLL_OFFSET);
   rocket.addClass('fixed');
  } else {
   rocket.removeClass('fixed');
  }
  if( rocket.hasClass('fixed') ){
   if( windowScroll > LAST_SCROLL_OFFSET ){
    // DOWN
    firetop.addClass('on');
    firebottom.removeClass('on');
   } else {
    // UP
    firetop.removeClass('on');
    firebottom.addClass('on');
   }
  }
  
  // Arret
  setTimeout(function(){
   if( new Date().getTime() - LAST_SCROLL_TIME > 50 ){
    firetop.removeClass('on');
    firebottom.removeClass('on');
   
   }
  },70);
  
  // Mise a jour variables
  //LAST_SCROLL_OFFSET = windowScroll;
 });


Ce que je veux qu'à chaque fois que je scrolle la page est que le numero de la page change alors la variable obtenirlecentredelpage se réinitialise à zéro puis quand on scrolle alors elle s'autoincrémente et donne toujours la centre du top de la page:

 if(obtenirlecentredelapage> 1132){
                            console.log("ok");
                           obtenirlecentredelapage=0;
               
               }



C'est un peu compliquer à expliquer mais tous ce que je veux c'est obtenir la centre de la page à chaque scroll! Merci de votre aide! :-)

Et voici mon code html:

$('#mainContainer').append('<div   id="rocket_dummy" style="background:red;position:absolute; left:-100px; top:1px;width:55px; height:55px;"><div id="rocket_mobile" style="position:absolute; top:0; margin:85px 0 0 -4px;width:60px; height:185px;"><div class="rocket_body" style="position:absolute; width:60px; height:60px; top:63px; left:0;background:green 0 -28px no-repeat;"></div><div></div>');

Afficher la suite