Avatar billede bigo Nybegynder
30. juni 2012 - 08:19 Der er 1 løsning

div element vises i toppen eller bunden

Hejsa.

Jeg har en form der vises i toppen af en side.
Derefter har jeg mulighed for data fortløbende der giver mulighed for at scrolle ned.

Er der mulighed - f.eks. med jQuery - at "flytte" formen til bunden af siden når man er scrollet til bunden?
Og naturligvis tilbage til toppen hvis man scroller tilbage..

-- Lars
Avatar billede bigo Nybegynder
30. juni 2012 - 09:55 #1
$(window).scroll(function() {
          // get the height of #wrap

        var h = $('#update_wrap').height();
          var y = $(window).scrollTop();
          if( y > (h*.25) ){
              $('#update_form').prependTo('#bottom_destination');
              $('#top_destination').fadeOut('slow');
              $('#bottom_destination').fadeIn('slow');
          } else if ( y < (h*.75)) {
              $('#update_form').prependTo('#top_destination');
              $('#bottom_destination').fadeOut('slow');
              $('#top_destination').fadeIn('slow');
          }
        });



<div id='top_destination></div>
<div id='update_form'>
// form garbage
</div>

// Somewhere at the bottom ;-)
<div id='bottom_destination'>
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester