记uniapp 小步伐里scroll-view，@scroll事件，scroll-into-view不见效的原 ...

原因： scroll-view的高度设的跟子元素所有元素高度一样

看代码：

1. <scroll-view scroll-y="true" class="scroll-view" @scroll="onScroll" scroll-into-view="#menu4">
2.         <view id="menu1" class="right-menu">1</view>
3.         <view id="menu2" class="right-menu">2</view>
4.         <view id="menu3" class="right-menu">3</view>
5.         <view id="menu4" class="right-menu">4</view>
6.         <view id="menu5" class="right-menu">5</view>
7.         <view id="menu6" class="right-menu">6</view>
8.         <view id="menu7" class="right-menu">7</view>
9.         <view id="menu8" class="right-menu">8</view>
10.         <view id="menu9" class="right-menu">9</view>
11. </scroll-view>

复制代码

css代码

1. .scroll-view {
2.                         width: 100%;
3.                         height: 2700px;
4.                         .right-menu {
5.                                 height: 300px;
6.                                 background-color: pink;
7.                                 border: 1px solid #000;
8.                         }
9.                 }

复制代码

好久没用了就忘记了，9个子元素一共2700px；失误把scroll-view的值也设成了2700px;这样就滑动不了了，因为不停没动；
修改：把scroll-view的高度改的小于子元素高度即可

1. .scroll-view {
2.                         width: 100%;
3.                         height: 900px;
4.                         .right-menu {
5.                                 height: 300px;
6.                                 background-color: pink;
7.                                 border: 1px solid #000;
8.                         }
9.                 }

复制代码

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。