Come posso disabilitare lo scorrimento nella vista Agenda (modalità settimana, giorno) utilizzando il plug-in jQuery FullCalendar? Nella modalità mese, tutto va bene, ma quando si passa alla modalità settimana/giorno c'è una barra di scorrimento accanto alla mia barra di scorrimento della pagina principale.jQuery FullCalendar: disabilita lo scorrimento nella vista Agenda?
risposta
Questo è stato quello che ho fatto nel mio caso. L'obiettivo è quello di cambiare dinamicamente l'altezza, quindi ho usato l'evento viewDisplay in questo modo:
$('#calendar').fullCalendar({
viewDisplay: function (view) {
var h;
if (view.name == "month") {
h = NaN;
}
else {
h = 2500; // high enough to avoid scrollbars
}
$('#calendar').fullCalendar('option', 'contentHeight', h);
}
});
questa è la soluzione migliore – TUNER88
['viewDisplay'] (http://arshaw.com/fullcalendar/docs/removed/viewDisplay/) è stata deprecata –
e ora viewRender - http: // arshaw.it/fullcalendar/docs2/display/viewRender/ –
Certo
$('#calendar').fullCalendar({
height: 999999999
});
Se il calendario ha una barra di scorrimento quando non si vuole che allora avete 3 opzioni:
- renderlo abbastanza grande che non avrà una pergamena bar
- ridurre il contenuto in modo che si adatti all'interno del vostro coundaries
- rimuovere la barra di scorrimento e perdere l'accesso alle informazioni non mostrato
Devi essere più specifico di "Non mi piacciono le barre di scorrimento"
Grazie, la proprietà height rimuove effettivamente la barra di scorrimento nell'ordine del giornoDay e agendaWeek, ma ora la vista del mese è ritagliata e sembra impressionante. – cooxie
Ecco una versione aggiornata e abbreviata di @Deulis risposta:
$("#calendar").fullCalendar({
viewRender: function(view){
$("#calendar").fullCalendar("option", "contentHeight", (view.name === "month")? NaN : 9999);
}
});
Come @Pierre de LESPINAY e @ Jens-André Koch già menzionati, viewDisplay sono stati svuotati in fullcalendar v2.0. Dobbiamo invece usare viewRender.
A partire da FullCalendar 2.1.0-beta1, è possibile impostare l'opzione { height: 'auto' }
per disabilitare le barre di scorrimento nelle viste.
Sebbene la voce di registro delle modifiche per questa nuova funzionalità possa essere letta come "Per disattivare le barre di scorrimento nella vista mese", in realtà funziona per tutte le viste.
Nella visualizzazione mese, quando l'altezza del calendario si espande a causa di troppi eventi, vengono visualizzate le barre di scorrimento verticali. Per disattivare questo comportamento, imposta l'opzione altezza su 'auto'. - from v2.1.0-beta1 changelog
ha funzionato come un fascino – workdreamer
Se ho impostato l'altezza sull'auto in FullCalendar 3.5.1, la vista del mese è perfetta, ma l'altezza dell'ordine del giorno viene interrotto e viene visualizzata una barra di scorrimento verticale. – devuxer
basta usare:
$('#calendar').fullCalendar({
height: "auto"
});
Già incluso in una risposta sopra (http://stackoverflow.com/a/25440372/219324). –
- 1. Scorrimento fullcalendar fino all'ora corrente?
- 2. DISABILITA lo scorrimento orizzontale
- 3. Disabilita lo scorrimento in listview
- 4. QGraphicsView: disabilita lo scorrimento automatico
- 5. Disabilita intervalli di fasce orarie nel plugin jQuery fullcalendar
- 6. Disabilita lo scorrimento automatico nella finestra di comando
- 7. Disabilita UITableView rimbalzi verticali durante lo scorrimento
- 8. Eventi FullCalendar mostrati solo nella vista mese
- 9. Disabilita lo scorrimento mentre popup attivo
- 10. Disabilita tutto lo scorrimento sulla pagina web
- 11. disabilita lo scorrimento orizzontale sul Web mobile
- 12. Cassetto di navigazione - disabilita lo scorrimento
- 13. Disabilita lo scorrimento elastico Chrome/Safari
- 14. Rimuovere FATTO attività dalla vista agenda
- 15. Codice colore agenda vista per file
- 16. jquery fullcalendar
- 17. Altezza automatica FullCalendar in vista settimana
- 18. Android, disabilita lo scorrimento per interagire con SlidingPaneLayout
- 19. UIScrollView disabilita lo scorrimento ruotando su iPhone/iPad
- 20. Disabilita lo scorrimento orizzontale in UIScrollView con l'autolayout
- 21. Come ridisegnare la vista FullCalendar?
- 22. jQuery fullcalendar - eventi
- 23. Ridurre la velocità di scorrimento continuo nella vista di scorrimento
- 24. jQuery fullcalendar to Persian
- 25. jQuery FullCalendar non rendering
- 26. jQuery mobile disabilita il contenuto della pagina di scorrimento verticale
- 27. JQuery Chosen impediscono lo scorrimento verticale automatico
- 28. jQuery FullCalendar Fetch Ottimizzazione eventi
- 29. Disabilita lo scorrimento di un ListView contenuto all'interno di ScrollView
- 30. ipad safari: disabilita lo scorrimento e l'effetto bounce?
Guardando attraverso la documentazione, non vedo alcun modo per disattivare lo scorrimento in una certa visione. Forse fornisci un esempio del tuo codice per vedere se c'è un modo per prevenirlo nel tuo HTML/CSS. – magzalez
Ho appena visto che quando uso basicWeek e basicDay invece di agendaWeek e agendaDay non esiste alcuna barra di scorrimento, quindi suppongo che la barra di scorrimento sia una 'funzione' per l'agenda. – cooxie
non è possibile inserirlo senza aver hackerato il file js. L'altezza del calendario è impostata in modo proporzionale alla larghezza e la larghezza viene impostata in base alla quantità di larghezza div disponibile. La proporzione imposta l'altezza e rende tutto il resto nascosto e scorrevole all'interno del perimetro. Non sono sicuro di dove sia impostato nel js ma è qui che dovrà essere cambiato. Vorrei poter essere di più aiuto! –