Visualizzazione dei risultati da 1 a 4 su 4
  1. #1

    spostare div in base all'altezza dello scroll della pagina

    salve avrei esigenza di spostare un div quando scrollando la pagina arriva ad una determinata altezza...ho provato a cercare in giro ed ho capito che dovrebbe funzionare in base alla funzione scroll ma non riesco a farla funzionare...nello specifico mi servirebbe riposizionare un punto della pagina ad una determinata altezza che mi riesce con le ancore ma avrei bisogno di farlo anche quando scrollando si raggiunge quel punto...mi date una mano ?

  2. #2
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  3. #3
    ok grazie provo ad usare gli esempi

  4. #4
    ok ho provato ad utilazzare gli esempi che mi hai dato e sono riuscito a fare quello che volevo in questo modo
    Codice PHP:
    <script>
    $(function() {
    // imposti l'altezza del div mobile     
    var altDivMobile 1000;
    // rilevo il movimento dello scroll
      
    $(window).scroll(function() {
         
    // controllo lo scroll per verificare quando arrivo al div fisso
         
    if ($(window).scrollTop() >=($("#about").offset().top-altDivMobile)){
             
    // blocco il div mobile impostandolo su absolute da un top equivalente al di fisso meno l'altezza del div mobile
             
    $('html,body,,main,header,griglia').animate({ scrollTop: $("#about").offset().top },'slow');
         }else{
             
    // ripristino il div mobile in fixed e tolgo il top
             
    $('html,body,main,header,griglia').animate({scrollToptargetOffset}, 600);
        }
      })
    });
    </script> 
    solo che quando voglio scrollare resta bloccato li e non si muove

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.