spz-sticky 粘性定位

需要使用置顶或者置底按钮时，可以计算其他粘性或固定定位元素遮挡的高度。

最基础的用法，当在页面中，按钮会显示在顶部 position 为 fixed 或 sticky 元素（如果有，否则直接放在顶部）的下方。组件会去自动重新计算它放置在页面顶部可见的 top 值。

<spz-sticky layout="container" style="position: sticky; top: 0;">
  <button>Lorem</button>
</spz-sticky>

当一个 sticky 定位的普通元素的顶部可能会出现 fixed 或 sticky 元素时，可以使用 target 属性来重新计算它的位置。

<spz-sticky layout="logic" target="header"></spz-sticky>

<header id="header" style="position: sticky; top: 0;">
  <!-- ... -->
</header>

当按钮在页面向上滚动后不可见时，我们希望页面底部置底可以出现实现相同功能的按钮。当开始进入页面时，spz-sticky 元素应该隐藏，需要配合 spz-observer 的观察滚动可见性事件来显示或隐藏 spz-sticky 元素。

<div id="order-detail-need-sticky-buttons">
  <!-- ... -->
</div>
<spz-observer
  layout="logic"
  target="order-detail-need-sticky-buttons"
  @scrollToVisible="order-detail-sticky-buttons.hideSticky"
  @scrollToInvisible="order-detail-sticky-buttons.showSticky"
></spz-observer>
<spz-sticky layout="container" position="bottom" hidden id="order-detail-sticky-buttons">
  <button><!-- ... --></button>
</spz-sticky>
<!-- ... -->

显示元素，不需要参数。

隐藏元素，不需要参数。