找回密码
 注册账号

QQ登录

只需一步,快速开始

《泰拉瑞亚下载-1.4.2.3版》 泰拉瑞亚服务器 - MOD模组下载

入驻泰拉战网 新手指引 - 升级 - 师徒

泰拉瑞亚合成表 泰拉卡牌 - 泰拉江湖 - 泰拉刺客

联系泰拉开发组👈进入 积分市场 - 房产交易 - 水晶获取

查看: 3598|回复: 0

el-scrollbar使用以及滚动到指定的位置

[复制链接]

431

主题

77

回帖

8

广播

论坛版主

积分
214
泰拉
0
水晶
10
铜钥匙
0
银钥匙
0
金钥匙
0

【江湖新秀】【宝剑回鞘】【泰拉达人】【奥运选手】

发表于 2022-6-29 15:16:44 | 显示全部楼层 |阅读模式
技术交流
文章类型: 实用技巧
涉及领域: VUE 
内容难度: 困难
浏览器默认的滚动条不太美观而且在ie下不能调整样式,在element-ui中有个隐藏的组件,在官网上是没有对应的api的,那就是<el-scrollbar>,这个组件的滚动条比原生的还是好看些的

props: {
  native: Boolean,
  wrapStyle: {}, // 外层盒子的样式
  wrapClass: {}, // 外层盒子的class
  viewClass: {}, // 内层盒子的class
  viewStyle: {}, // 内层盒子的样式
  noresize: Boolean, // 如果 container 尺寸不会发生变化,最好设置它可以优化性能
  tag: {
    type: String,
    default: 'div'
  }
}

实践定位 : VUE3        在DISCUZ中

this.$refs.map_main.wrap$.scrollTop = this.map_y;  //this.map_y=坐标值
this.$refs.map_main.wrap$.scrollLeft = this.map_x;
DZ写法
this.{$_TRC[DL]}refs.map_main.wrap{$_TRC[DL]}.scrollTop = this.map_y;
this.{$_TRC[DL]}refs.map_main.wrap{$_TRC[DL]}.scrollLeft = this.map_x;

您需要登录后才可以回帖 登录 | 注册账号

本版积分规则

QQ|友链申请|Archiver|手机版|小黑屋|游芯沙盒 ( 陕ICP备11006283号-1 )

GMT+8, 2024-12-31 01:33 , Processed in 0.102243 second(s), 37 queries .

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

快速回复 返回顶部 返回列表