Javascript onmouseCroll增加一个变量JS

Javascript onmouseCroll增加一个变量JS,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我想做一个JS函数 它的工作原理如下: 如果我使用鼠标滚轮向下滚动,那么我的变量将减小。如果我使用鼠标滚轮向上滚动我的变量将增加 我想把它放在一个条件下,用一个最大值和最小值 我会给你我的网站截图,你会明白的 就像你看到的,我需要让它在没有滚动条的情况下工作。我在100vh中只有一页 我把事情弄得很糟,但你会明白的 i=1; 如果(i>0&&i您可以这样尝试 var scrollCount = 0, latestScrollTop = 0, doc = do

我想做一个JS函数

它的工作原理如下:

如果我使用鼠标滚轮向下滚动,那么我的变量将减小。如果我使用鼠标滚轮向上滚动我的变量将增加

我想把它放在一个条件下,用一个最大值和最小值

我会给你我的网站截图,你会明白的

就像你看到的,我需要让它在没有滚动条的情况下工作。我在100vh中只有一页

我把事情弄得很糟,但你会明白的

i=1;

如果(i>0&&i您可以这样尝试

var scrollCount = 0, 
        latestScrollTop = 0,
        doc = document.documentElement,
        top = 0;

    // Bind window scroll event
    $(window).bind('scroll', function (e) {
        top = (window.pageYOffset || doc.scrollTop)  - (doc.clientTop || 0);

        if (latestScrollTop < top) {
            // Scroll down, increment value
            scrollCount += 1;
        } else {
            // Scroll up, decrement value
            scrollCount -= 1;
        }

        // Store latest scroll position for next position calculation
        latestScrollTop = top;
    });
var scrollCount=0,
latestScrollTop=0,
doc=document.documentElement,
top=0;
//绑定窗口滚动事件
$(窗口).bind('scroll',函数(e){
top=(window.pageYOffset | | doc.scrollTop)-(doc.clientTop | | 0);
如果(最晚滚动顶部<顶部){
//向下滚动,增加值
滚动计数+=1;
}否则{
//向上滚动,减小值
滚动计数-=1;
}
//为下一个位置计算存储最新的滚动位置
latestScrollTop=顶部;
});

我做了一些对我有用的东西

var scrollCount=1;
window.addEventListener('mousewheel',函数(e){
如果(e.wheelDelta1){
滚动计数--;
}
document.querySelector('.number').innerHTML=scrollCount;
});

可能的重复项看起来是正确的,但我在class=“number”中将要返回的行放在哪里了。你确定如果我的高度等于我的窗口高度,这会起作用吗?所以没有滚动条如果你的高度等于窗口高度,就没有滚动条,那么你的意图是什么?或者你可以试试y坐标的位置,即鼠标上下移动了多少,类似的。例如:element.style.top=y+“px”;我解析我的pb(在帖子2中),你可能不明白我想要什么,但无论如何,谢谢你的帮助!
var scrollCount = 0, 
        latestScrollTop = 0,
        doc = document.documentElement,
        top = 0;

    // Bind window scroll event
    $(window).bind('scroll', function (e) {
        top = (window.pageYOffset || doc.scrollTop)  - (doc.clientTop || 0);

        if (latestScrollTop < top) {
            // Scroll down, increment value
            scrollCount += 1;
        } else {
            // Scroll up, decrement value
            scrollCount -= 1;
        }

        // Store latest scroll position for next position calculation
        latestScrollTop = top;
    });
var scrollCount = 1;
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;
});