微信小程序不用scroll-view实现滚动

除了使用`scroll-view`组件来实现滚动外，微信小程序还提供了一种不用`scroll-view`组件的方式来实现滚动，即使用`transform`属性来实现。

具体实现方法是，在需要滚动的元素上添加一个`transform: translateY()`样式，并且在JS文件中监听`touchstart`、`touchmove`、`touchend`事件，通过计算手指移动的距离来实现元素的滚动。

下面是一个示例代码：

<view class="container" style="transform: translateY({{scrollTop}}px);">
  <view class="item" wx:for="{{list}}" wx:key="{{index}}">{{item}}</view>
</view>

在上面的代码中，我们在一个`<view>`元素上添加了`transform: translateY()`样式，并使用`{{scrollTop}}`来动态计算滚动的距离。

在JS文件中，我们需要定义`touchstart`、`touchmove`、`touchend`事件的监听器，并在其中实现滚动逻辑：

Page({
  startY: 0,
  moveY: 0,
  distanceY: 0,
  scrollTop: 0,

  onTouchStart: function(e) {
    this.startY = e.touches[0].clientY
  },

  onTouchMove: function(e) {
    this.moveY = e.touches[0].clientY
    this.distanceY = this.moveY - this.startY
    this.scrollTop += this.distanceY
    this.startY = this.moveY
    this.setData({
      scrollTop: this.scrollTop
    })
  },

  onTouchEnd: function(e) {
    // 处理滚动结束事件
  }
})

在上面的代码中，我们定义了一个名为`onTouchStart`的函数来处理`touchstart`事件，并记录手指触摸的起始位置。同时，我们还定义了一个名为`onTouchMove`的函数来处理`touchmove`事件，并计算手指移动的距离，并通过`setData`方法将`scrollTop`属性更新为新的滚动距离。最后，我们还定义了一个名为`onTouchEnd`的函数来处理`touchend`事件，并在其中处理滚动结束的逻辑。

需要注意的是，使用`transform`属性来实现滚动的方式，需要手动处理滚动的逻辑，相对于使用`scroll-view`组件来说，实现起来更加复杂。同时，由于使用了`transform`属性，可能会导致一些性能问题，需要根据实际情况进行优化。