支付宝小程序笔记1

问:我写了如下代码:

我发现,swiper和swiper-item的高度都是0,但是图片是渲染出来了的,图片是有高度的,怎么让swiper的高度等于图片的高度?

答:在swiper-item里加上一个,给设置高度就行了,直接给swiper-item设置高度是不行的


问:怎么让页面跳到底部?

答:参考文档:https://docs.alipay.com/mini/api/scroll

my.pageScrollTo({

  scrollTop: 100

});

把scrollTop的值设置为页面的高度,就可以实现让页面跳到底部的效果了


问:如何获取软键盘高度?

答:iphone6和iphone8的软键盘高度是578px,iphone8plus的软键盘高度是526px,如果只需要兼容iphone6-iphone8的话,可以直接用if(iphone6 || iphone8){578}else if(iphone8plus){526}这种比较笨的方法


如果页面底部需要1个固定的,不要设置position:fixed;用这个属性bug很多,要这样:以上的的高度=屏幕高度-高度,然后给以上的设置{overflow:auto;-webkit-overflow-scrolling: touch;};就没有问题了


支付宝小程序笔记1_第1张图片

问:在里输入完想要问的内容以后,点击发送,发现,在安卓手机下并不会调用‘发送’按钮的点击事件,而只是软键盘隐藏而已,怎么办?

答:经过调试发现,安卓手机里button标签的onTap事件延迟调用了,onTouchStart不会延时调用,然而button标签又不支持onTouchStart事件,所以解决问题的办法就是:把‘发送’按钮的标签,从原来的