Czy istnieje sposób, aby płytki (y) Gridster.js nie zostały przesunięte w pionie w celu wypełnienia pustego miejsca. Coś w rodzaju sposobu, w jaki program z włączonym snap-to-grid działa ...Ulepszanie kafelków gridster.js w określonych położeniach siatki (przyciąganie do siatki)
Odpowiedz
Czy próbowałeś pakowania? http://packery.metafizzy.co/ Ta biblioteka ma wiele funkcji przeciągania i upuszczania.
Użyj tego widelec https://github.com/dsmorse/gridster.js z
shift_widgets_up: false
opcji.
Zobacz demo: http://dsmorse.github.io/gridster.js/demos/sticky-postion.html
Możesz być także zainteresowany następującymi prototypu z mojego zespołu: https://github.com/ibmjstart/gridplumb
Konkretnie, modyfikacje grister można znaleźć na https://github.com/ibmjstart/gridplumb/blob/master/src/extend-gridster.js
Moja odpowiedź nie jest bezpośrednio połączony z gridsterem, ale z jednym z jego fork: gridstack. Zamieszczam tę odpowiedź, ponieważ znalazłem ten temat podczas wyszukiwania tej funkcji w gridstack.
Więc w gridstack rozwiązaniem jest umieszczenie tej właściwości w opcjach sieciowych:
float:true
- 1. jQuery UI Draggable, przyciąganie do siatki
- 2. Układ siatki, flexgridu lub siatki dla MFC
- 3. Jak mogę zmienić szerokość siatki Bootstrap siatki?
- 4. Widok siatki siatki ASP.NET a widok listy
- 5. Wysokość siatki wiążącej Używanie FindAncestor i AncestorLevel do innej siatki
- 6. Tworzenie siatki w Javie
- 7. Widok siatki w mvc6
- 8. Właściwość siatki w jQuery
- 9. Dopasuj obraz do widoku siatki
- 10. Animowana kolumna siatki lub wiersz siatki w XAML?
- 11. Jak mogę zmienić kolor linii siatki siatki w WPF?
- 12. Dodaj przycisk do siatki w ExtJs
- 13. Dobry 3D biblioteki siatki
- 14. Limity rozciągania siatki - WPF
- 15. Graf/uproszczenie siatki graficznej
- 16. 3x3 Subrectangles malowane siatki
- 17. Szerokość widoku siatki widoku
- 18. Jak obsługiwać duże siatki?
- 19. UICollectionView szczeliny siatki kolumn
- 20. Tworzenie siatki sześciokątów
- 21. Pętla w szablonie siatki Kendo
- 22. CSS - Zagnieżdżanie siatki w siatce
- 23. Zwiększenie odstępów siatki w Androidzie
- 24. Tworzenie siatki ręcznej w Ogre3d?
- 25. Wykrywanie siatki w programie Matlab
- 26. Osiągnięcie złożonej siatki w bootstrapie
- 27. Przeciąganie elementów w widoku siatki
- 28. Magento pozycja kolumna siatki
- 29. Widżet nieprawidłowy rozmiar siatki
- 30. Scalanie kolumny siatki
można użyć [GSAP] (http://greensock.com/gsap) jako alternatywę. Ma już funkcję Snap to Grid. –