程序问答   发布时间:2022-06-01  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了启用无箭头的 mat-tab 滚动大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

如何解决启用无箭头的 mat-tab 滚动?

开发过程中遇到启用无箭头的 mat-tab 滚动的问题如何解决?下面主要结合日常开发的经验,给出你关于启用无箭头的 mat-tab 滚动的解决方法建议,希望对你解决启用无箭头的 mat-tab 滚动有所启发或帮助;

我愿意在像 Google 页面这样的移动设备上重现用手指滚动的标签:

启用无箭头的 mat-tab 滚动

但是使用 mat-tab (Material Design & Angular),我有两个箭头显示:

启用无箭头的 mat-tab 滚动

我设法用 disablePagination = true 删除了箭头,但是用手指滚动不起作用:

启用无箭头的 mat-tab 滚动

有没有人有办法让它发挥作用?

代码:

<mat-tab-group>
  <mat-tab label="First"> Content 1 </mat-tab>
  <mat-tab label="Second"> Content 2 </mat-tab>
  <mat-tab label="Third"> Content 3 </mat-tab>
  <mat-tab label="Fourth"> Content 4 </mat-tab>
  <mat-tab label="Fifth"> Content 5 </mat-tab>
  <mat-tab label="Sixth"> Content 6 </mat-tab>
  <mat-tab label="Seventh"> Content 7 </mat-tab>
  <mat-tab label="Eight"> Content 8 </mat-tab>
  <mat-tab label="Nineth"> Content 9 </mat-tab>
  <mat-tab label="Tenth"> Content 10 </mat-tab>
  <mat-tab label="Eleventh"> Content 11 </mat-tab>
  <mat-tab label="Twelves"> Content 12 </mat-tab>
  <mat-tab label="Thirteenth"> Content 13 </mat-tab>
  <mat-tab label="Forteenth"> Content 14 </mat-tab>
</mat-tab-group>

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)

大佬总结

以上是大佬教程为你收集整理的启用无箭头的 mat-tab 滚动全部内容,希望文章能够帮你解决启用无箭头的 mat-tab 滚动所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签:mat-tab滚动