movable-area

    使用竖向滚动时,需要给<scroll-view/>一个固定高度,可通过 JXSS 设置 height。

    注意:movable-area 必须设置 width 和 height 属性,不设置默认为 10px

    movable-view

    除了基本事件外,movable-view 提供了两个特殊事件

    注意

    • movable-view 必须设置 width 和 height 属性,不设置默认为 10px
    • movable-view 默认为绝对定位,top 和 left 属性为 0px
    • 当 movable-view 小于 movable-area 时,movable-view 的移动范围是在 movable-area 内;当 movable-view 大于 movable-area 时,movable-view 的移动范围必须包含 movable-area(x 轴方向和 y 轴方向分开考虑)
    • movable-view必须在 <movable-area/> 组件中,并且必须是直接子节点,否则不能移动。
    示例代码

    1. //movable-area.js
    2. Page({
    3. x: 0,
    4. },
    5. tap: function(e) {
    6. this.setData({
    7. x: 100,
    8. y: 100
    9. onChange: function(e) {
    10. console.log(e.detail)
    11. },
    12. onScale: function(e) {
    13. console.log(e.detail)
    14. }