Visualizzazione dei risultati da 1 a 9 su 9

Discussione: div fixed

  1. #1

    div fixed

    Ciao a tutti,
    come devo fare per avere un div fisso dentro un altro div?

    Praticamente la pagina è così composta:

    in alto una fotografia alta 300px;
    sotto una griglia bootstrap divisa in 2 parti (destra e sinistra);
    io vorrei che la parte destra fosse fissa però non andasse sopra la fotografia, quindi fissa ma non sopra i 300px relativi all'altezza della foto.

    Impostando il div con position:fixed resta fissa però va sopra la foto.

    Attendo consigli, grazie mille.

  2. #2
    Moderatore di CSS L'avatar di KillerWorm
    Registrato dal
    Apr 2004
    Messaggi
    4,861
    Ciao. Oltre position dovresti impostare anche la proprietà top ed eventualmente left.
    Impostando top a 300px dovresti risolvere.
    Prima di postare considera che tra i link utili puoi trovare il 75% delle risposte alle tue domande; il 20% tra i post del forum; il 15% sul web.
    Ti resta... humm spè

    Le cattive domande sono quelle che non meritano risposta, le buone domande sono quelle che non hanno risposta
    L'Itailano non e nu'opnioine. E' improntate uslaro correattemtne sul froum. Garize!

  3. #3
    Se imposto top scorre con lo scorrimento della pagina però resta sempre distante da top di tot px.
    A me dovrebbe seguire il div contenitore.
    Ho visto quello che voglio io viene fatto con js (non so se solo con css sia fattibile), lo chiamano sticker.

  4. #4
    Ciao,

    allega un link dove posso vedere la pagina.
    Cosi riesco a capire meglio.

  5. #5
    Le effetto lo puoi visionare qua:
    https://www.airbnb.it/rooms/3906465?...016&s=jrTmGeL0

    Sarebbe il menù a destra del check in e check out.

  6. #6
    Ho visto l'effetto, ma dovrei vederlo sulla tua pagina dove stai sviluppando il progetto.

  7. #7
    La pagina è tutta da impostare nuovamente, ciò che ora ho online non è utile perchè devo modificarla.
    Quell'effetto è fattibile solo con css (uso bootstrap) oppure ci vuole per forza js?

  8. #8
    Moderatore di CSS L'avatar di KillerWorm
    Registrato dal
    Apr 2004
    Messaggi
    4,861
    Ho visto quello che voglio io viene fatto con js (non so se solo con css sia fattibile), lo chiamano sticker.
    Esattamente come hai scritto. E' un effetto che può essere fatto con JavaScript/jQuery (ed eventuali plugin).
    Col solo CSS non è fattibile.

    In Bootstrap dovresti avere un plugin apposito, Affix, che dovrebbe fare al caso tuo.

    Eventualmente puoi fare anche qualche altra ricerca tipo "bootstrap menu sticky" per trovare ulteriori informazioni/consigli utili.
    Prima di postare considera che tra i link utili puoi trovare il 75% delle risposte alle tue domande; il 20% tra i post del forum; il 15% sul web.
    Ti resta... humm spè

    Le cattive domande sono quelle che non meritano risposta, le buone domande sono quelle che non hanno risposta
    L'Itailano non e nu'opnioine. E' improntate uslaro correattemtne sul froum. Garize!

  9. #9
    Grazie per la risposta.
    Ho fatto altre ricerche in mattinata e ho trovato come farlo con jQuery.
    Ora verifico bene con Affix cosa si può fare!!

    Grazie mille

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