为什么微信小程序不能滑动

我想请问一下为什么我的微信小程序不能滑动跳转到对应位置，点击热销推荐再点击别的就只能滑动一点点

 <scroll-view class="food"  scroll-y="true" scroll-with-animation="true" scroll-into-view="category_{{activeIndex}}" >
    <block wx:for="{{foodList}}" wx:for-item="category" wx:key="id" wx:for-index="category_id">
      <view class="food-category" id="category_{{category_id}}">{{category.name}}view>
      <view class="food-item" wx:for="{{category.food}}" wx:for-item="food" wx:key="id">
        <view class="food-item-pic">
          <image mode="widthFix" src="{{food.image_url}}" />
        view>
        <view class="food-item-info">
          <view>{{food.name}}view>
          <view class="food-item-price">{{priceFormat(food.price)}}view>
        view>
        <view class="food-item-opt">
          <i class="iconfont" data-category_id="{{category_id}}" data-id="{{food.id}}" bindtap="addToCart">i>
        view>
      view>
    block>
  scroll-view>
view>

看下scroll-view组件是不是设置了固定高度，或者存在其他影响滚动的代码。

这个问题可能是由于你的代码中使用了scroll-view组件，但是没有设置高度，导致无法滑动。你可以在scroll-view组件中设置高度，或者在外层包裹一个view并设置高度，这样就可以让scroll-view组件正常滑动了。另外，你也可以检查一下你的代码是否有其他问题，比如是否有其他元素遮挡了scroll-view组件，或者是否有其他样式设置导致了滑动失效。
https://cool-js.com/