uniapp中scroll-view初始化的时候 无法横向滚动到某个为止

项目需求 实现日历（13天）默认高亮第六天 并定位到第六 左边右边各六天（可以滑动）

直接上代码

<template>
	<scroll-view  class="scroll-X"
	:show-scrollbar="true" 
	:scroll-x="scrollable"
	:scroll-left='scrollLeft' scroll-with-animation>
		<view class='item ' :class='{active:isTabActive==index}' v-for="(item,index) in tabRl" :key='index'
						@click='rlChangeFn(item,index)' >
						<text class='tit'>{{item.weekdayName}} </text>
						<text class='tx'>{{item.patrolDate}} </text>
					</view>
	</scroll-view>
</template>
<script>
export default {
		data() {
			return {
				scrollable:true,//横向滚动
				scrollLeft:0,//横向定位的默认位置 直接设置其他值不会定位到那个点
				isTabActive:6,//默认第几个高亮
				tabRl:[ //假设这些为后台请求回来的数据
					  {
					    "count": null,
					    "weekdayName": "星期五",
					    "patrolDate": "2024-04-12"
					  },
					  {
					    "count": null,
					    "weekdayName": "星期六",
					    "patrolDate": "2024-04-13"
					  },
					  {
					    "count": null,
					    "weekdayName": "星期日",
					    "patrolDate": "2024-04-14"
					  },
					  {
					    "count": "2",
					    "weekdayName": "星期一",
					    "patrolDate": "2024-04-15"
					  },
					  {
					    "count": "49",
					    "weekdayName": "星期二",
					    "patrolDate": "2024-04-16"
					  },
					  {
					    "count": "50",
					    "weekdayName": "星期三",
					    "patrolDate": "2024-04-17"
					  },
					  {
					    "count": "59",
					    "weekdayName": "星期四",
					    "patrolDate": "2024-04-18"
					  },
					  {
					    "count": "46",
					    "weekdayName": "星期五",
					    "patrolDate": "2024-04-19"
					  },
					  {
					    "count": "46",
					    "weekdayName": "星期六",
					    "patrolDate": "2024-04-20"
					  },
					  {
					    "count": "46",
					    "weekdayName": "星期日",
					    "patrolDate": "2024-04-21"
					  },
					  {
					    "count": "47",
					    "weekdayName": "星期一",
					    "patrolDate": "2024-04-22"
					  },
					  {
					    "count": "46",
					    "weekdayName": "星期二",
					    "patrolDate": "2024-04-23"
					  },
					  {
					    "count": null,
					    "weekdayName": "星期三",
					    "patrolDate": "2024-04-24"
					  }
					]
			}
		},
		onShow() {
			this.scrollLeft=800//或者onLoad设置滚动的位置 否则无法定位到某个为止 这个值根据实际情况进行填写 我的项目计算出来时800
		}，
		methods：{
			rlChangeFn(item,index){
				this.isTabActive=index
				//.....
			}
		}
		
}
</script>
<style lang="scss">
.scroll-X {
				width: 500rpx; //自己根据实际情况设置
				height: 45rpx;
				border: 1rpx solid #D0D0D0;
				border-radius: 45rpx;
				overflow: hidden;
				white-space: nowrap; //**** 必须设置为这个 否则肯呢个会出现问题
				.item {
					display: inline-block;  //**** 必须设置为这个 否则肯呢个会出现问题
					padding: 10rpx 0;
					box-sizing: border-box;
					height: 100%;
					background: #FFFFFF;
					color: #333333;
					width: 100rpx;
					border-right: 1px solid #D0D0D0;
					.tit {
						display: block;
						text-align: center;
						width: 100%;
						font-size: 11rpx;
						color: #333333;
						width: 100%;
					}
				
					.tx {
						display: block;
						text-align: center;
						font-size: 11rpx;
						color: #333333;
					}
				}
				
				.active {
					background: #1765A6;
					.tit,
					.tx {
						color: #fff;
					}
				}
}
</style>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143