当前位置:首页 » 公司新闻 » 常见问题

新闻资讯

都可以用 fixed 属性搞定微信官方文档介绍

来源:广州餐饮软件(源数) 浏览量: 发表时间:2017.06.08




都可以用 fixed 属性搞定微信官方文档介绍




使用 scroll-view 组件,必须指定高度我们实践时发现,使用 scroll-view 可以不指定高度,页面有滚动区存在但这么做,滚动时无法触发 scroll 事件,也就无法完成联动设计滚动区域检测在这里,我们需要注意两点必须使用 px 作为单位必须在 scroll-view 上显式的指定其 height 属性在获取滚动区高度之前,我们需要考虑其影响因素设备高度黄条文案提示模块的存在购物车模块的存在从 rpx 到 px 的转换设备高度可以通过微信官方 接口进行获取那么,该什么时候调用接口首先这是一个异步 API 接口,另外其直接受系统权限控制的影响,基于这两点因素,其结果返回的时机就不是确定的我们可以在小程序启动时在 onLaunch 中调用该 API,然后将获取的结果放入到全局变量 globalData 中而 globalData 是挂在在全局 App 元素上的属性,对所有页面均可见现在来看看,利用系统信息接口获取到的数据是如何的


都可以用 fixed 属性搞定微信官方文档介绍




使用 scroll-view 组件,必须指定高度使用的单位是 px在实际代码中,调用系统信息的接口代码就是这个样子 app.js 注意这里的wxp为我们对wx的封装,它继承wx的所有属性,特点是若调起wx的异步api函数将返回一个Promise将结果封装成Promise,后续可统一使用元素高度黄条文案提示模块购物车模块的高度都是已知的但大家应该记得这样的设计细节所有的元素统一使用 rpx 做单位,而这里需要使用 px 作单位,必须要进行单位转换从 rpx 到 px 的转换黄色文案提示模块高度大家对 75 这个数字是否有疑问呢该比值是否会受到设备实际像素点的影响呢实际上,你并不需要担心它同样的道理,我们可以得到购物车模块的高度 cartBarHeight通过公式可以计算得出两个 scroll-view 的滚动高度左侧菜单栏与右侧菜品栏的联动首先我们要做到点击左侧导航菜单栏,右侧定位到对应的分类菜品详情通过查看scroll-view文档发现可以使用 scroll-into-view 属性;该组件自动定位右侧需要滚动到的具体位置首先给左侧导航菜单栏绑定 tap 事件监听函数,事件触发后获取 event 对象象的 currentTarget 属性,取出渲染时存放在该节点上的分类



都可以用 fixed 属性搞定微信官方文档介绍