JS实现taobao首页 推拉式滚动效果；

推拉式滚动效果可以通过监听滚动事件来实现。具体实现步骤如下：

1. 获取需要进行推拉式滚动的 DOM 元素。

2. 监听浏览器的滚动事件，当用户向下滚动时，判断是否到达了指定位置，如果到达则进行推动操作，否则继续监听滚动事件。

3. 当用户向上滚动时，判断是否到达了指定位置，如果到达则进行拉回操作，否则继续监听滚动事件。

4. 推动和拉回操作可以通过修改元素的样式来实现。

下面是一个简单的示例代码：

HTML：

<div class="scroll-container">
  <!-- 页面内容 -->
</div>

CSS：

.scroll-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

JavaScript：

const scrollContainer = document.querySelector('.scroll-container');
let lastScrollTop = 0;

scrollContainer.addEventListener('scroll', function() {
  const currentScrollTop = this.scrollTop;

  if (currentScrollTop > lastScrollTop) {
    // 向下滚动
    if (currentScrollTop > 200) {
      this.style.transform = 'translateY(-100px)';
    }
  } else {
    // 向上滚动
    if (currentScrollTop <= 200) {
      this.style.transform = 'translateY(0)';
    }
  }

  lastScrollTop = currentScrollTop;
});

在上面的代码中，我们监听了 `.scroll-container` 元素的滚动事件，并在事件中判断了用户的滚动方向和位置，从而实现了推拉式滚动效果。需要注意的是，这里使用了 `transform` 属性来实现元素的移动，因为它比修改 `top` 和 `bottom` 等属性更加高效。