帮我写一个微信小程序中“置顶”即回到页面最上方的功能，要以一个按钮实现，并且按钮一直保持在页面中，最好有动画

好的，我可以帮你实现这个功能。首先，在微信小程序中，我们可以使用 `wx.pageScrollTo` 方法来实现页面滚动到顶部的效果。因此，我们需要在页面中添加一个“置顶”按钮，并绑定一个点击事件来触发滚动到顶部的操作。代码如下：

<!-- index.wxml -->

<view class="page">
  <!-- 页面内容 -->
</view>

<view class="to-top-btn" catchtap="goToTop">
  <image src="/images/top.png"></image>
</view>

// index.js

Page({
  goToTop: function() {
    wx.pageScrollTo({
      scrollTop: 0,
      duration: 300
    })
  }
})

接下来，我们需要让按钮一直保持在页面中，并且添加一个动画效果。可以使用 `position: fixed` 属性来让按钮保持在页面中，并使用 `animation` 属性来添加动画效果。代码如下：

/* index.wxss */

.page {
  /* 页面样式 */
}

.to-top-btn {
  position: fixed;
  bottom: 30rpx;
  right: 30rpx;
  width: 60rpx;
  height: 60rpx;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0 2rpx 4rpx rgba(0, 0, 0, 0.2);
  animation: fadeIn 0.5s ease-in-out both;
}

.to-top-btn image {
  width: 40rpx;
  height: 40rpx;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

这样，就完成了微信小程序中“置顶”功能的实现。当用户滚动页面时，按钮会自动隐藏；当用户滚动到一定位置时，按钮会自动显示。点击按钮，页面会平滑滚动到顶部，并带有一个淡入淡出的动画效果。