序
写到scroll-view,就不得不涉及到其中的各个Object属性,但是这个控件本身又很奇特,属性内部经常自相矛盾,着实让人头疼不已,好记性不如烂笔头,记录下来警示自己,也帮助他人,何乐而不为呢。
正文
要想Scrolliew进行跳转,高度是必不可少的,但是这里的坑在于,高度太高(超出竖屏限制)之后,便会形成两个滚动条,用户若想查看底层的数据,就需要拉动两个条子,着实不友好,而想要进行跳转,高度又必须设置为一个给定的,具体的值(例如xxx rpx/vh/px),100%是不行的,因此我的建议是折中选择一个不超屏的高度,这样一个滚动条无疑友好了太多。
之后便是对内部属性的赋值,想要SV进行跳转,一个是设置scroll-into-view属性,一个是设置scroll-top属性,需注意scroll-into-view 的优先级高于scroll-top,因此两个属性是没必要同时出现的,SinV内的赋值应为子元素的id(且不可为单数字),而S-t无论是字符串或是数字都可以(数字的单位与height相同),而如若刚开始没有设定固定高度,那无论如何,这两个属性都是不起作用的。有些blog里面写属性必须动态赋值,实测不然(有可能版本更新了),只要有固定的高度,那么初始的赋值设置是绝对有效的。
一旦设置了上面的值,你的scroll-view就能进行跳转了,为了增加用户体验(bige),请记得加入scroll-w