javascript - How to make Jquery UI Tabs scroll horizontally if there are too many tabs

Question

Now the image above is an example of " too many tabs ", It appears as multiple line by default.

But I want to make it in a single line and horizontally scrollable, either adding two arrows before the beginning tab and after the last tab, or scroll automatically are OK.

Answer 1

I have a different approach to this issue, as I think a scroll for the tabs is counter-intuitive. I created a plugin to do a dropdown when the tabs break to a second line.

https://github.com/jasonday/plusTabs