http://bootsnipp.com/snippets/featured/collapsible-chat-widget Nel widget della chat comprimibile in alto, se la chat è aperta, non è possibile fare clic sui controlli sullo stesso livello del widget. C'è un modo per consentire ad altri controlli di essere cliccati quando la chat è aperta?Problema del widget della chat comprimibile Bootstrap
Il problema potrebbe essere dovuto al fatto che l'altezza del contenitore aumenta man mano che il widget di chat si espande, il che coprirebbe qualsiasi contenuto esterno a .container con l'intero elemento .container.
È possibile evitare questo rimuovendo la circonda .container, .row e .col-md-5 e avvolgere il widget nel proprio involucro impostando una larghezza e display: inline-block; per fermare il contenitore dalla sovrapposizione di altri contenuti.
Vedere http://bootsnipp.com/snippets/x8G9R per un esempio. Esistono diversi modi per ottenere lo stesso risultato, questo è solo un esempio.
Ho utilizzato position: fixed; con il mio esempio in quanto sarebbe presumibilmente utile essere visibili durante lo scorrimento.
Se visualizzato in un dispositivo mobile, il widget non può essere compresso. C'è comunque qualcosa per ordinare questo? – Danny
@Danny è dovuto al fatto che il link chiuso è fuori dalla finestra? In tal caso, aggiungere una query multimediale e impostare il widget su 'position: fixed;' e impostare 'left' e' right'. –
Vedo che sta spingendo '.container' verso il basso quando si espande, questo potrebbe essere un problema se si dispone di contenuto al di fuori di questo contenitore in quanto si sovrapporrà di fronte al contenuto. –
Ok evviva, quindi come può essere risolto? – Danny
Non sono sicuro che la mia comprensione della tua domanda sia corretta. Sono in grado di interagire con la casella di immissione del testo, scorrere, interagire con il pulsante e attivare lo stato di visualizzazione del widget. Cosa intendi quando dici che i controlli sullo stesso livello del widget non possono essere cliccati? – JBartus