怎么才能把上面的分段器固定不动，我要开启下拉刷新，下拉刷新会导致整个页面下拉

Question

有一个问题，怎么才能把上面的分段器固定不动，我要开启下拉刷新，下拉刷新会导致整个页面下拉，

Answer 1

引自强大而免费的微信小程序：皆我百晓生。

---

实现上面的分段器固定不动，可以通过设置该元素的CSS定位属性为"fixed"来实现，如下所示：

.segmented-control {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
}

其中，".segmented-control"为上面的分段器元素的选择器，通过设置"position: fixed;"将其固定在页面上方，"top: 0;"将其距离页面顶部的距离设为0，"left: 0;"将其距离页面左侧的距离设为0，"width: 100%;"将其宽度设为100%以适应整个页面宽度，"z-index: 999;"设置其层级为999，以保证该元素在其他元素上方。

至于开启下拉刷新导致整个页面下拉的问题，你可以在下拉刷新的回调函数中处理该逻辑，如下所示：

onPullDownRefresh() {
  // 处理下拉刷新逻辑
  // 可以在这里进行数据请求或其他相关操作
  // ...
  
  // 停止下拉刷新动画
  uni.stopPullDownRefresh();
}

在上面的代码中，通过"onPullDownRefresh"方法来监听下拉刷新事件，在该方法中处理下拉刷新的逻辑，可以在这里进行数据请求或其他相关操作。处理完逻辑后，使用"uni.stopPullDownRefresh()"方法来停止下拉刷新动画，让页面回滚到原位。

这样，就可以实现在开启下拉刷新时，保持上面的分段器固定不动，并且可以实现下拉刷新的功能。