mui中选项卡切换中怎么禁止页面左右滑动

Posted 2023-03-23

参考技术A 新建一个移动APP项目，然后，添加一个tab1.html页面。该页面添加如下的代码块：（选项块代码）

步骤阅读

2

有了选项块代码后，接下来，就要编写点击选项块的显示代码块。下面是每个显示代码图：

步骤阅读

3

代码编写完了，我们点击工具-运行-chrome查看，就可以查看到生成的效果：

步骤阅读

步骤阅读

4

固定Tab选项卡功能已介绍完毕，那么对于可拖动Tab选项卡又应该如何处理呢（可拖动Tab选项卡，指的是可以移动当前块来转到新的显示块上）。先看选项卡代码如何编写：

步骤阅读

5

再来看看显示块的代码写法：

步骤阅读

6

最后，选项卡和显示块的代码，必须放在

<div id="slider" class="mui-slider">

</div>

里，才能实现拖动效果。

7

我们看看最终的效果是怎样的吧：

步骤阅读