scroll-view组件中的小坑
2020-06-02 本文已影响0人
fanjunguo
最近接触了小程序项目,虽然跟web前端有很多相似的地方.但是又不尽相同.微信提供了很多组件以及api,作为一个新手,还是有很多坑的
1.scroll-view
这个组件用于页面滑动,可以指定x或者y方向,使用scroll-y属性,值是true或者false.
但是,在使用我发现:不论写true还是false,都能滑动.除非赋值为“”
这个问题我也没弄懂,如果有大神看到,希望可以指教一下
//wxml
<scroll-view scroll-y="{{isScrollY}}"></scroll-view>
Page({
data:{
isScrollY:true/false/"", //无论是true还是false,滚动都能生效.只有空字符串才不生效
}
})
2.属性scroll-into-view
这个是scroll-view的属性,使用效果同html中的锚点一样,页面滑动到指定位置
要想实现这个效果,scroll-view必须指定高度,并且子元素内容总高度要超过指定的高度,否则效果不生效
<scroll-view scroll-y="true" height="100vh"> <!--必须要指定高度 -->
<item>
<!-- 内容 -->
</item>
...
</scroll-view>