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.
Installa Forum HTML.it Toolset per una fruizione ottimale del Forum
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.
Ciao,
allega un link dove posso vedere la pagina.
Cosi riesco a capire meglio.
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.
Ho visto l'effetto, ma dovrei vederlo sulla tua pagina dove stai sviluppando il progetto.
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?
Esattamente come hai scritto. E' un effetto che può essere fatto con JavaScript/jQuery (ed eventuali plugin).Ho visto quello che voglio io viene fatto con js (non so se solo con css sia fattibile), lo chiamano sticker.
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.
Installa Forum HTML.it Toolset per una fruizione ottimale del Forum
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
Rispondi quotando