如何增加向上滚动的计数答案

【问题标题】：how to increase the count on scroll up如何增加向上滚动的计数
【发布时间】：2019-05-10 11:19:33
【问题描述】：

我必须在每个滚动条上增加计数 1.like:

let scrollCount = 0;
//initially it would be 0 and after  every scroll up it should increase 1,
scrollCount++;

在 react-native 中每次滚动时递增计数 1 的功能是什么。

//下面的 js 代码我知道 .. 但是对于 react-native 变得混乱。

var scrollCount = 0;
           window.addEventListener('mousewheel', function(e){

            if(e.wheelDelta<=0 && scrollCount<5){
            scrollCount++;
            }

          else if(e.wheelDelta>0 && scrollCount>1){
        scrollCount--;
        }
         document.querySelector('.number').innerHTML = scrollCount;
         });

【问题讨论】：

查看documentation API

标签： javascript reactjs react-native ecmascript-6

【解决方案1】：

object.onscroll = function(){
  //myScript
};

每次滚动运行你的脚本

或添加事件监听器：

object.addEventListener("scroll", myScript);

变成这样：

var scrollCount = 0;
//object is your document. or any DOM element you would like to add
object.onscroll = function(){
  scrollCount++;
};

【讨论】：

能否请您详细说明一下
我只需要增加我的计数值，我会在某个地方传递这个值。
我已经添加了一些解释。
我可以写 if(e.wheelDelta
这里不需要 wheelDelta()，因为您已经在捕获滚动。在 function(){} 中添加您的脚本

【解决方案2】：

您将onScroll 回调添加到您的可滚动组件。

例如，如果你有一个ScrollView，你可以这样做：

<ScrollView
  onScroll={this.handleScroll}
>
  <ComponentsWithinYourScrollView />
</ScrollView>

根据您对滚动的定义，您可能只想在用户发起的每个滚动操作上递增，然后您可能想要执行以下操作：

<ScrollView
  onScrollBeginDrag={this.handleScrollStart}
>
  <ComponentsWithinYourScrollView />
</ScrollView>

【讨论】：