element-ui 之组件BackToTop 怎么实现不滚动到可视区就显示

Element UI 的 `BackToTop` 组件通常用于页面顶部导航栏中，当用户滚动到底部时，提供一个便捷的方式返回页面顶部。默认情况下，`BackToTop` 会在页面滚动到一定高度（如文档高度的80%）时开始隐藏和显示。如果你想要它在不完全滚出可视区域时就开始显示，你可以自定义它的行为。

在 Element UI 中，`BackToTop` 的显示和隐藏是由其内部的 `showEvent` 和 `hideEvent` 触发器控制的。你可以通过修改这两个属性来自定义行为。下面是一个简化的示例：

<el-backtop :bottom="false" :distance="50" @show="onShow" @hide=" onHide"></el-backtop>

这里：
- `bottom` 属性设为 `false` 表示不在底部显示，默认是 `true`。
- `distance` 属性设置一个较小的数值，比如 `50`，表示滚动距离达到这个值时就显示组件，这比默认的 `90vh` 更早。
- `@show` 和 `@hide` 是事件监听器，你可以在其中添加相应的处理函数，例如 `onShow()` 和 `onHide()` 来进一步控制展示行为。

如果你需要更复杂的交互，可以结合计算滚动位置的 JavaScript 逻辑，例如使用 `window.scrollY` 或者 `element.getBoundingClientRect().top` 等方法。