scrollTo问题

Cover-L

                   <scroll-view class="box"  id="box"  scroll-y onscroll={{this.onscroll} paging-enabled="true"  >                                             
                        <view class="lrc" style={'margin-top:'+marginTop+'px'}>
                                <text v-for="(item,index) in lis" class={num==index?'li lisort-selected':'li'}> {item}</text>
                        </view>
                   </scroll-view>   



  var it = 0
                var realTimeClData = setInterval(() => {
                        document.getElementById('box').scrollTo(0, it = it + 20);
                }, 1000);
在实时预览中是可以实现每一秒向上移动20，但到真机上就一直顶着顶部，不会向上移动

技术咨询-F

发一页能运行的测试代码

Cover-L

技术支持-F 发表于 2021-8-6 16:51
发一页能运行的测试代码

1. 发一页能运行的测试代码
   
2. 
   
3. <template>
   
4.         <view>
   
5.                 <scroll-view class="box" id="box" scroll-y onscroll={{this.onscroll} paging-enabled="true">
   
6.                         <view class="lrc"  style={'margin-top:'+marginTop+'px'}>
   
7.                                 <text v-for="(item,index) in lis" class={num==index?'li lisort-selected':'li'}> {item}</text>
   
8.                         </view>
   
9.                 </scroll-view>
   
10.         </view>
    
11. </template>
    
12. <script>
    
13. export default {
    
14.         data() {
    
15.                 return {
    
16.                         lis: ["一场游戏一场梦",
    
17.                                 "演唱：王杰",
    
18.                                 "不要谈什么分离",
    
19.                                 "我不会因为这样而哭泣",
    
20.                                 "那只是昨夜的一场梦而已",
    
21.                                 "不要说愿不愿意",
    
22.                                 "我不会因为这样而在意",
    
23.                                 "那只是昨夜的一场游戏",
    
24.                                 "那只是一场游戏一场梦",
    
25.                                 "虽然你影子还出现我眼里",
    
26.                                 "在我的歌声中早已没有你",
    
27.                                 "只是一场游戏一场梦",
    
28.                                 "不要把残缺的爱留在这里",
    
29.                                 "在俩个人的世界里不该有你",
    
30.                                 "oh.为什么道别离说什么在一起",
    
31.                                 "如今虽然没有你我还是我自己",
    
32.                                 "说什么此情永不愈",
    
33.                                 "说什么我爱你",
    
34.                                 "如今依然没有你我还是我自己",
    
35.                                 "那只是一场游戏一场梦",
    
36.                                 "虽然你影子还出现我眼里",
    
37.                                 "在我的歌声中早已没有你",
    
38.                                 "只是一场游戏一场梦",
    
39.                                 "不要把残缺的爱留在这里",
    
40.                                 "在俩个人的世界里不该有你",
    
41.                                 "oh.为什么道别离说什么在一起",
    
42.                                 "说什么此情永不愈",
    
43.                                 "说什么我爱你",
    
44.                                 "如今依然没有你我还是我自己",
    
45.                                 "为什么道别离说什么在一起",
    
46.                                 "如今虽然没有你我还是我自己",
    
47.                                 "说什么此情永不愈",
    
48.                                 "说什么我爱你",
    
49.                                 "如今依然没有你我还是我自己"],
    
50.                         num: 0,
    
51.                         marginTop: 30,
    
52.                         str: [],
    
53.                         bun: ''
    
54.                 }
    
55.         },
    
56.         apiready() {
    
57.               
    
58.                 var it = 0
    
59.                 var index = this.data.lis.length
    
60.                 var li = document.getElementsByClassName('dd')
    
61.                 var realTimeClData = setInterval(() => {
    
62.                         document.getElementById('box').scrollTo(0, it = it + 20);
    
63.                         // this.data.marginTop = this.data.marginTop - 10
    
64.                         this.data.num = this.data.num + 1
    
65.                         if (this.data.num == index - 1) {
    
66.                                 clearInterval(realTimeClData);
    
67.                         }
    
68.                 }, 1000);
    
69.         },
    
70.         methods: {
    
71.                 onscroll(e) {
    
72.                         // console.log(e);
    
73.                 }
    
74.         }
    
75. }
    
76. </script>
    
77. <style scoped>
    
78. .box {
    
79.         height: 300px;
    
80. }
    
81. .li {
    
82.         color: #000;
    
83. }
    
84. .lisort-selected {
    
85.         color: red;
    
86. }
    
87. .dsfj {
    
88.         display: flex;
    
89.         flex-direction: row;
    
90.         justify-content: left;
    
91.         flex-wrap: wrap;
    
92. }
    
93. 
    
94. </style>

复制代码

,,,,,,,,,,,,,,,,,,

Cover-L

技术支持-F 发表于 2021-8-6 16:51
发一页能运行的测试代码

??????????????????????????

技术咨询-F

Cover-L 发表于 2021-8-6 16:55
{item}
        ...

        document.getElementById('box').scrollTo({ x: 0, y: it = it + 20 });