The app starts off by creating clones for each letter with the following scopeĮlement - the tile element located in the div#scroll-box For anybody else that is interested, here's an overview of how it works. I know it can be confusing when you are first starting out. Just let me know if you need help understanding how or why something works. I'm aware that this is a huge list, but it would be awesome if the basic functionality works! It is best to work with an if/else or just create a new collection of draggables when they've been dropped in the endzone? The option will exist to drag elements from the endzone back to the startzone. My guess is that this has to do with the parameters in the TweenLite.to method, but I'm not really familiar with that yet (but I'm working on it). It would be logical that it start from the position where the mouse has released the element. When releasing something in the endzone, the animation starts from a weird position. This isn't a major issue, but it's noticeable. When dragging a letter, all the letters are shown above the buttons. When picking a letter that is not visible at the start (example: Y), the letter isn't shown when dragging because the scrollbar disappears Items are removed from the startzone after being dragged into the endzone Items can now be dragged out of the scrollable div See the Pen KwEBdE by Mattttt ( on CodePen I've used your provided code and it solves a lot of issues (but it creates some more, yay web development!) Thanks for the quick reply (and sorry for my delayed reply)
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |