+ Rispondi alla Discussione
Risultati da 1 a 2 di 2

ADV 300x600 sulla colonna che si blocca per un certo intervallo di scrolling

Ultimo Messaggio di altraSoluzione il:
  1. #1
    User L'avatar di fabiodisconzi
    Data Registrazione
    Feb 2010
    Località
    vicenza
    Messaggi
    33
    Segui fabiodisconzi su Twitter

    ADV 300x600 sulla colonna che si blocca per un certo intervallo di scrolling

    Ciao a tutti, cercavo consigli e idee per realizzare questo effetto:
    se sono con uno schermo "grande" ho il classico layout con colonna larga con i contenuti e a lato colonna stretta con altre informazioni e adv. Inizialmente le due colonne scrollano insieme, poi da un certo punto in poi la colonna di destra si blocca su un baner solitamente 300x600 e segue il visitatore fino a fine pagina.
    Come si realizza?
    Grazie

  2. #2
    Utente Premium L'avatar di altraSoluzione
    Data Registrazione
    Jun 2017
    Località
    Roma
    Messaggi
    238
    Segui altraSoluzione su Twitter Aggiungi altraSoluzione su Google+ Aggiungi altraSoluzione su Facebook Aggiungi altraSoluzione su Linkedin Visita il canale Youtube di altraSoluzione
    Ciao,
    se intendi qualcosa tipo quello che ho fatto io con i banner pubblicitari nel mio blog (vai nel sito in firma, poi nel blog e scegli un articolo qualsiasi), io l'ho realizzato tramite jQuery:

    Codice:
    if ($(window).width() >= 768) {
    var fixmeTop = $('.sidecontainer').offset().top;
    var fixmeWidth = $('.sidecontainer').width();
    $(window).scroll(function() {
        var currentScroll = $(window).scrollTop();
        if (currentScroll >= (fixmeTop - 70)) {
            $('.sidecontainer').css({
              position: 'fixed',
              top: '40px',
              width: fixmeWidth + "px" 
            });
        } else {
            $('.sidecontainer').css({
                position: 'static',
                top: '0'
            });
        }
    });   
    }

+ Rispondi alla Discussione

^ Permessi di Scrittura

  • Tu non puoi inviare nuove discussioni
  • Tu non puoi inviare risposte
  • Tu non puoi inviare allegati
  • Tu non puoi modificare i tuoi messaggi
  •  
  • Il codice BB è Attivato
  • Le faccine sono Attivato
  • Il codice [IMG] è Attivato
  • Il codice [VIDEO] è Attivato
  • Il codice HTML è Disattivato
  • Trackbacks Attivato
  • Pingback Attivato
  • Refback Attivato

SEO by vBSEO 3.6.0 PL2 ©2011, Crawlability, Inc.