Roadmap

• Perfomance enhancement
  • ✔️ Render performance improvement with an “infinite” option.
• Enhance usability
  • ✔️ Add range or visible option for getStatus
  • ✔️ Add fill() method for needPanel event
  • ✔️ option to disable iOS’s edge swipe
  • moveToClicked option to move camera to clicked panel
• UI Customizing
  • virtualTranslate option which makes panel’s left or camera’s transform CSS not to be applied.
  • interrupt option, which can disable user interruption while animating.
  • Add some new move types(strict, agile, …)
• Support key-based panels
• Support dynamic option change
• Support data attribute for panels (index, anchor …)
• Support nested flicking
  • nested option for multiple Flicking instance
• Support automatic click blocking for panels
• “Move by n px” method for Freescroll move type
• Add indicator method/getter for checking whether Flicking is at boundary
• New moveType: strict (#189)
• Navigation/scrolling by keyboard
• Plugins
  • Add pagination & arrow plugin
• Frameworks
  • Support Preact
• Refactoring
  • Refactor into MoveType-based interface
• rtl support

Feel free to leave opinions like “This feature should be handled first”. That will be a big help to us.

[gamtiq]

First of all I would like to thank for the excellent tool!

Add pagination & arrow plugin

IMHO pagination and arrow navigation are very useful features (especially when they are flexible and customizable) that Flicking are lacking. So I vote to prioritize creation of the corresponding plugins.

Another features that should be handled first (in priority descending):

• Navigation/scrolling by mouse wheel (absent in roadmap - #380)
• “Move by n px” method for Freescroll move type
• Add indicator method/getter for checking whether Flicking is at boundary
• Support dynamic option change
• Navigation/scrolling by keyboard (absent in roadmap)
• Support data attribute for panels (index, anchor …)

[WoodNeck]

Hello, @masihurmaruf 😃 That can be easily done with panel’s methods.

flicking.getCurrentPanel().prev().prev().focus(duration);

Here’s an example: https://codepen.io/woodneck/pen/YzwbWWa