Question

当鼠标滚轮向上滚动时，我正在尝试更改文本的颜色。我想在第一个滚动条上将其更改为红色，然后在第二个滚动条上将其更改为蓝色。我的东西没有用，但希望您能明白我的逻辑。

   $('#content').bind('mousewheel',function(event) {
        var scroll_up   = event.originalEvent.deltaY > 120;
        var red         = $('#content').css('color', 'red');
        var blue        = $('#content').css('color', 'blue');

        if(scroll_up) {
            console.log('you scrolled up!');
            //change color to red
            red;
        }
        if(red && scroll_up){
            console.log('you scrolled up again!');
            //change color to blue
            blue;
        }
    });

Answer 1

您需要这样更改代码：

function validatePIN (pin) {
  let regexPIN = /^(\d{4}|\d{6})$/;

  return regexPIN.test(pin);
}

*我还没有测试代码，但是它应该可以正常工作。

您的代码不起作用，因为您已经在满足条件之前分配了颜色，因此最后一种颜色是您要使用的唯一颜色。

Answer 2

$('#content').bind('mousewheel', function(event) {
    var content = $('#content');
    var scrollUp = (event.originalEvent.deltaY / 120 > 0);
    if (scrollUp) {
        var isRed = (content.css('color') == 'rgb(255, 0, 0)');

        console.log('you scrolled up!');

        if (isRed) {
            content.css('color', 'rgb(0, 0, 255)');
        } else {
            content.css('color', 'rgb(255, 0, 0)');
        }
    }
});

每次激活鼠标滚轮时如何更改颜色？

2 个答案: