Javascript onmouseCroll增加一个变量JS
我想做一个JS函数 它的工作原理如下: 如果我使用鼠标滚轮向下滚动,那么我的变量将减小。如果我使用鼠标滚轮向上滚动我的变量将增加 我想把它放在一个条件下,用一个最大值和最小值 我会给你我的网站截图,你会明白的 就像你看到的,我需要让它在没有滚动条的情况下工作。我在100vh中只有一页 我把事情弄得很糟,但你会明白的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
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;
});