起步软件技术论坛
搜索
 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 4181|回复: 8

[结贴] 如何设置滚动条居中

[复制链接]

13

主题

73

帖子

149

积分

初级会员

Rank: 2

积分
149
QQ
发表于 2018-5-30 15:39:26 | 显示全部楼层 |阅读模式
如何设置tabs组件中content里的滚动条居中

91

主题

13万

帖子

3万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
35959
发表于 2018-5-30 16:03:18 | 显示全部楼层
滚动条居中什么意思?
远程的联系方法QQ1392416607,添加好友时,需在备注里注明其论坛名字及ID,公司等信息
发远程时同时也发一下帖子地址,方便了解要解决的问题  WeX5教程  WeX5下载



如按照该方法解决,请及时跟帖,便于版主结贴
回复 支持 反对

使用道具 举报

13

主题

73

帖子

149

积分

初级会员

Rank: 2

积分
149
QQ
 楼主| 发表于 2018-5-30 17:28:14 | 显示全部楼层
滚动条自动到箭头的位置
QQ图片20180530172653.png
回复 支持 反对

使用道具 举报

91

主题

13万

帖子

3万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
35959
发表于 2018-5-30 17:33:11 | 显示全部楼层
html中怎么设置滚动条的位置的,x5中一样的到网上查找
远程的联系方法QQ1392416607,添加好友时,需在备注里注明其论坛名字及ID,公司等信息
发远程时同时也发一下帖子地址,方便了解要解决的问题  WeX5教程  WeX5下载



如按照该方法解决,请及时跟帖,便于版主结贴
回复 支持 反对

使用道具 举报

13

主题

73

帖子

149

积分

初级会员

Rank: 2

积分
149
QQ
 楼主| 发表于 2018-6-5 09:56:32 | 显示全部楼层
1.var content1 =  this.getElementByXid('content1');
content1.scrollLeft = 500;
2.var content1 =$( this.getElementByXid('content1'));
content1.animate({
scrollLeft: 1510
}, 2000);
3.$( this.getElementByXid('content1')).prop('scrollLeft','1000');
用这几种方法怎么都不行?能不能给个例子让我参考参考
回复 支持 反对

使用道具 举报

91

主题

13万

帖子

3万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
35959
发表于 2018-6-5 10:22:40 | 显示全部楼层
没有案例,滚动条的操作就是js标准的,确认滚动条是content上的吗?
远程的联系方法QQ1392416607,添加好友时,需在备注里注明其论坛名字及ID,公司等信息
发远程时同时也发一下帖子地址,方便了解要解决的问题  WeX5教程  WeX5下载



如按照该方法解决,请及时跟帖,便于版主结贴
回复 支持 反对

使用道具 举报

13

主题

73

帖子

149

积分

初级会员

Rank: 2

积分
149
QQ
 楼主| 发表于 2018-6-5 10:52:12 | 显示全部楼层
是在content上,var myChart = echarts.init(this.getElementByXid('content1'));
echarts图都显示出来了,滚动条怎么整都不变
回复 支持 反对

使用道具 举报

13

主题

73

帖子

149

积分

初级会员

Rank: 2

积分
149
QQ
 楼主| 发表于 2018-6-5 10:59:08 | 显示全部楼层
啊,发现问题了,我图在content1上显示,但滚动条并不是content1的,是它的上层contents1的,感谢提醒,可以结贴了
回复 支持 反对

使用道具 举报

13

主题

73

帖子

149

积分

初级会员

Rank: 2

积分
149
QQ
 楼主| 发表于 2018-6-5 17:56:46 | 显示全部楼层
                var contents1 =  this.getElementByXid('contents1');
                var center =         (contents1.scrollWidth - contents1.offsetWidth)/2;
                var cont1 =$( this.getElementByXid('contents1'));
                cont1.animate({
                        scrollLeft: center
                }, 1500);
    这是我实现滚动条居中的代码,留给大家参考
回复 支持 反对

使用道具 举报

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

本版积分规则

小黑屋|手机版|X3技术论坛|Justep Inc.    

GMT+8, 2024-6-14 03:21 , Processed in 0.066037 second(s), 26 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

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