微信小程序——左右滑动切换页面

微信小程序的左右滑动触屏事件，主要有三个事件：touchstart，touchmove，touchend。

这三个事件最重要的属性是pageX和pageY，表示X，Y坐标。

touchstart在触摸开始时触发事件

touchend在触摸结束时触发事件

touchmove触摸的过程中不断激发这个事件

这三个事件都有一个timeStamp的属性，查看timeStamp属性，可以看到顺序是touchstart =>touchmove=>touchmove =>··· =>touchmove =>touchend。

页面中view设置width:100%之后,页面右边会多出一块白区域,并且可以左右滑动,解决方法是给这个view加一个box-sizing:border-box

2.

直接给最外层的view设置一个overflow-x:hidden//裁剪 div 元素中内容的左/右边缘 - 如果溢出元素的内容区域的话进行隐藏

3.

在json文件里面加 "disableScroll": true

4.

给page一个d性盒子 page { width:100%display: flex} 然后将page下面的根元素盒子宽度设为100%,overflow:

点击小程序的home键就可以切换聊天界面了。

在微信6.6.1更新日志中提到，新版本微信主界面新增任务栏，下拉可以找到用过的小程序，按照使用先后反向排列。

任务栏中的小程序支持左右滑动查看，想要进入哪个小程序，点击即可。如果想把常用的显示在前面，只需要把无用的小程序长按删掉即可。小程序的星标功能并不能在首页入口展现位置优势。

如果想要查找更多曾经使用过的小程序，可以把列表滑到最右，点击三个点的图标，直接进入【发现】里的小程序入口。

更新之后的小程序，关闭按钮由×变成了圆，由左边换到了右边。功能也由完全关闭变成了暂时关闭。变成圆之后的小程序，如果中途退出，只要不在后台关闭微信，你之前打开的小程序页面，再点进去还会在。

以跳一跳为例，当你在玩的中途点击了原点暂时退出，再重新打开，依旧可以继续之前的游戏。

点击原点不仅能在小程序与聊天界面中切换，也可以在多个小程序中进行切换。具体 *** 作就是长按圆形的键，然后在跳出的显示框中选择想要切换的小程序，点击即可。

不得不说，在进行不断地改版之后微信小程序的 *** 作体验是越来越方便，加上微信官方的赋能，小程序的将来还是值得期待的。如果你不远错过这一波市场红利，那么就快去申请一个小程序，分享一波关于小程序的流量红利吧！

---