tabs - 滑动功能实现css标签

Question

所以，我正在使用 materializecss 进行 Web 开发。

有一个选项卡功能，但它在移动设备上尚不支持滑动功能，如原生 android 应用程序。

有谁知道我可以如何为其实现滑动功能？这会有多困难？

例如，这里是演示内容:

<div class="row">
    <div class="col s12">
        <ul class="tabs">
            <li class="tab col s3"><a href="#test1">Test 1</a></li>
            <li class="tab col s3"><a class="active" href="#test2">Test 2</a></li>
            <li class="tab col s3 disabled"><a href="#test3">Disabled Tab</a></li>
            <li class="tab col s3"><a href="#test4">Test 4</a></li>
        </ul>
    </div>
    <div id="test1" class="col s12">Test 1</div>
    <div id="test2" class="col s12">Test 2</div>
    <div id="test3" class="col s12">Test 3</div>
    <div id="test4" class="col s12">Test 4</div>
</div>

Answer 1

我仍然没有在官方的 materializecss 演示中看到这一点，所以为了大家 future 的利益:

$('#tabs-swipe-demo').tabs({ 'swipeable': true });