van-tab 设置滚动条在0位置

要将滚动条设置为0位置，可以使用以下CSS代码：

::-webkit-scrollbar {
  width: 0px;
}

这将隐藏滚动条并且将其位置设置为0。请注意，这只适用于webkit浏览器（例如Chrome和Safari）并且可能不适用于其他浏览器。如果要在所有浏览器中隐藏滚动条并将其位置设置为0，可能需要使用JavaScript代码来实现。

相关问题

切换van-tab 设置滚动条在0位置

当切换到不同的van-tab时，你可以通过监听tab切换事件，来设置滚动条位置。以下是一个示例代码：

<template>
  <div>
    <van-tabs v-model="activeTab" @click="handleTabClick">
      <van-tab title="Tab 1">
        <!-- 内容1 -->
      </van-tab>
      <van-tab title="Tab 2">
        <!-- 内容2 -->
      </van-tab>
      <van-tab title="Tab 3">
        <!-- 内容3 -->
      </van-tab>
    </van-tabs>
  </div>
</template>

<script>
export default {
  data() {
    return {
      activeTab: 0 // 当前激活的tab
    };
  },
  methods: {
    handleTabClick() {
      // 切换tab时将滚动条位置设置为0
      const container = document.querySelector('.van-tab__pane');
      if (container) {
        container.scrollTop = 0;
      }
    }
  }
};
</script>

在这个示例中，我们监听了 `van-tabs` 的 `click` 事件，在每次切换tab时，将滚动条位置设置为0。我们通过 `querySelector` 方法找到 `.van-tab__pane` 元素，该元素包含了每个tab的内容，然后将其 `scrollTop` 属性设置为0。你可以根据实际情况修改代码来适应你的项目需求。

van-list的load事件只有在刚切换tab栏的时候触发，滑动到底部也不触发了

这可能是因为在切换tab栏后，van-list的数据已经被加载并渲染出来了，所以在滑动到底部时不会再次触发load事件。

如果你希望滑动到底部时也能触发load事件，可以考虑使用van-list组件提供的`@scroll`事件，判断当滑动到底部时手动触发load事件。具体实现可以参考以下代码：

<van-list
  :finished="finished"
  :loading="loading"
  @load="onLoad"
  @scroll="onScroll"
>
  <!-- 列表内容 -->
</van-list>

export default {
  data() {
    return {
      loading: false,
      finished: false,
      // 记录滑动到底部的位置
      scrollTop: 0
    };
  },
  methods: {
    onLoad() {
      // 加载数据
      // ...
    },
    onScroll(event) {
      // 获取滚动条距离顶部的距离
      const scrollTop = event.target.scrollTop;

      // 判断是否滑动到底部
      if (scrollTop + event.target.clientHeight >= event.target.scrollHeight) {
        // 避免重复触发load事件
        if (!this.loading && !this.finished && this.scrollTop < scrollTop) {
          this.loading = true;
          this.onLoad();
        }
        // 记录滑动到底部的位置
        this.scrollTop = scrollTop;
      }
    }
  }
}