javascript - 仅在一定范围内更改滚动上的 div 类

标签 javascript jquery

我想使用滚动功能来更改元素的类。以下代码工作正常:

$(document).scroll(function(){
     $('.row-1').toggleClass('scrolled', $(this).scrollTop() > 1);
 });

但是,如果您只想更改 >1 到 <1000 之间的范围内的类怎么办? 有简单的方法吗?

最佳答案

我想你想要的是:

$(document).scroll(function() {
    const rangeTrue = $(this).scrollTop() > 1 && $(this).scrollTop() < 1000;
    $('.row-1').toggleClass('scrolled', rangeTrue);
});

关于javascript - 仅在一定范围内更改滚动上的 div 类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46914708/

相关文章:

javascript - ajax请求和响应加密

javascript - 根据单击的 HTML 类运行 Javascript

javascript - 下拉菜单的change事件无法触发

javascript - Ajax 参数后缺少括号

javascript - ES6 将所有名称过滤为一个函数

javascript - 如何防止提交表单后模式关闭

Javascript/jQuery 监视 CSS 更改

jquery - 需要解释 jQuery .Show() 效果闪烁

jquery - 使用 jQuery 禁用和启用下拉选项

javascript - hbbtv 应用程序在真实电视上测试/调试