Visualizzazione dei risultati da 1 a 4 su 4

Discussione: css per div come gmail

  1. #1

    css per div come gmail

    Buongiorno a tutti,
    sono un programmatore da diversi anni, ma stavolta mi sto concentrando anche su parti piu' di rappresentazione e su determinati effetti ho poca esperienza e vorrei chiedervi un piccolo aiuto.
    Ho una struttura di questo tipo

    <div id="content">
    <div id="div_dynamic_position">
    some contents
    </div>
    <div id="altro_div1"></div>
    <div id="altro_div2"></div>
    <div id="altro_div3"></div>
    </div>

    Ok, il div_dynamic_content e' subito sopra gli altri div.
    Avrei bisogno che quando si scrolla verso il basso, se div_dynamic_contento raggiunge il top: 0, il bordo superiore del browser, li si ferma e lo scroll fa in modo che gli altri div gli scorranno sotto.
    Ovviamente poi quando lo scroll e' al contrario questo ritorni nel suo posto originale, dato che in posizione di partenza e' lontano dal top avendo altri elementi sopra di lui.

    So di dover lavorare tra overflow, position e z-index. Ma non ho trovato la quadratura del cerchio. Potreste gentilmente aiutarmi.

    Per capire meglio e' lo stesso effetto che fa la nuova barra di gmail, quella che contiene "scrivi", "archivia" nel nuovo tema di google.

    Vi ringrazio tanto, a presto e grazie!
    webpage: http://www.buferli.com

  2. #2
    up
    webpage: http://www.buferli.com

  3. #3
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Da quanto ho capito (ma non sono sicurissimo di aver capito tutto), credo che devi lavorare di JS.

    Con CSS da soli non credo si possa fare quanto chiedi.
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  4. #4
    Utente di HTML.it L'avatar di lnessuno
    Registrato dal
    Feb 2002
    Messaggi
    2,732
    Confermo che si tratta di un lavoro di javascript... dai un'occhiata qua:
    http://www.bennadel.com/blog/1810-Cr...ith-jQuery.htm

    nel video, intorno a metà del terzo minuto vedi l'effetto in funzione

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 © 2026 vBulletin Solutions, Inc. All rights reserved.