概述
思路：
1、实现一个横向滚动条并盖住原生滚动条
2、自定滚动条的宽度必须与view-table的宽度一致
3、将view-table的scroll事件和自定义scroll事件进行同步
上效果图：
上代码：
<template> <div class="scroll-table"> <div class="st-con">纯占位字符div> div>template>.scroll-table {
margin-top: -20px; width: 100%; height: 20px; overflow-x: scroll; overflow-y: hidden; // 采用粘性布局 position: sticky; bottom: -20px; .st-con {
// 将内容隐藏 opacity: 0; }}// 初始化mounted() {
// 给自定义模块设置宽度 document.getElementsByClassName(&最后
以上就是野性皮皮虾为你收集整理的table横向滚动条_Iviewtable横向滚动条始终位于可视区域的实现的全部内容，希望文章能够帮你解决table横向滚动条_Iviewtable横向滚动条始终位于可视区域的实现所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复