L'intestazione ha un menu di navigazione che preferirei mantenere, ma occupa troppo spazio. Cosa posso fare per farlo sembrare buono sui dispositivi mobili?Come posso convertire la navigazione di un sito desktop in un menu comprimibile?
risposta
Una possibilità è utilizzare i togglers, pulsanti che fanno apparire/sparire il contenuto interno. La libreria uraniumjs contiene alcuni widget, uno dei quali è molto semplice, tuttavia è useful toggler implementation. Lo fa anche in modo discreto.
È necessario includere il file js uranium, quindi è sufficiente utilizzarlo. Quindi, puoi farlo come spiegato di seguito.
È necessario trasformare il codice del menu in tre parti: un contenitore wrapper, una sezione "pulsante" e una sezione contenuto. Per identificare ciascuna di queste parti, utilizzare questi dati attributi:
data-ur-set="toggler"
(aggiungere questo attributo al involucro)
data-ur-toggler-component="button"
(aggiungere questo attributo alla sezione "pulsante")
data-ur-toggler-component="content"
(aggiungere questo attributo alla sezione contenuto)
è necessario includere queste regole CSS da qualche parte troppo:
*[data-ur-set='toggler'] *[data-ur-toggler-component='content'] {
display:none;
}
*[data-ur-set='toggler'] *[data-ur-toggler-component='content'][data-ur-state='enabled'] {
display: block;
}
Si può vedere un piccolo esempio in esecuzione qui: http://play.tritium.io/8af1576e385f5db05f6dc75404f993c16485395b.
Entrambi i siti mobili Bloomingdales e Macys utilizzano tale approccio. Puoi vederlo lavorare lì.
- 1. Come visualizzare i menu (collegamenti di navigazione in stile sito Web) nell'applicazione desktop java
- 2. Come aggiungere una voce di menu comprimibile nel cassetto di navigazione in Android?
- 3. Come usare lo scrollstrap bootstrap con menu comprimibile?
- 4. Come convertire gradualmente un sito in CodeIgniter?
- 5. Elenco comprimibile Elemento nella navigazione Cassetto
- 6. Come creare un sottolivello nel menu di navigazione in Android?
- 7. Convertire un sito Web in un'applicazione Android
- 8. Come creare menu di navigazione in JavaFX
- 9. Come si genera la navigazione del sito web?
- 10. Buone pratiche per includere un menu in un sito Web?
- 11. Come convertire l'HTML di un sito Web in un'immagine?
- 12. Convertire un intero sito wordpress in HTTPS
- 13. Menu di navigazione laterale come l'app Facebook
- 14. Avvio di un'applicazione desktop da un sito Web
- 15. Navigazione URL in un sito Web basato su AJAX?
- 16. Come posso generare un sito con sito mvn: sito?
- 17. Come posso recuperare la favicon di un sito web?
- 18. Come posso convertire un vettore in un array di celle?
- 19. Come posso convertire un testo in un generatore di test?
- 20. Come posso cancellare un modello di sito?
- 21. Come posso convertire FBProfilePictureView in un UIImage?
- 22. Nascondere un elemento del menu del cassetto di navigazione - Android
- 23. iOS Tinder/Twitter come slider navigazione di navigazione e menu
- 24. Come disattivare lo scorrimento del corpo quando è attiva la compressione della barra di navigazione
- 25. È possibile convertire un menu di selezione in pulsanti?
- 26. Come posso rilevare l'esistenza di un mouse in un sito Web?
- 27. Un sito mobile jQuery può essere anche un sito browser desktop?
- 28. Come posso convertire un array in un hash in Perl?
- 29. Sottomenu del menu del selettore di navigazione
- 30. Come posso "chiudere" un sito Web solo la domenica