Question

我的代码有问题。我想做的是当我在第一个div上时改变elem的css。所以，当我在第一个div上时，我的元素有例如font-size：24px;当我向下滚动我的元素应该有font-size：40;我使用wordpress和Vase主题。我的网站 - http:///www.ciranga.pl

当我在主幻灯片上（红色背景）时，我想让我的箭头变为白色。当我向下滚动时，我希望它是红色的。我怎样才能做到这一点？任何帮助都会很棒。

jQuery(document).ready(function($) {
if ($('.swiper-slide:first-of-type').hasClass('swiper-slide-active')) {
    $('.vase_whiteC').css('font-size', '40px');
} else {
    $('.vase_whiteC').css('font-size', '24px');
}
$('html').keydown(function(e) {

    var Key = e.keyCode;

    if ([37, 38, 39, 40].indexOf(Key) > -1) {

        // up!
        if (Key == 38) {
            $(".umicon-vase_arrowPrev").parent().trigger("click");
        }

        // down!
        if (Key == 40) {
            $(".umicon-vase_arrowNext").parent().trigger("click");
        }

        return false;
    }

});

});

Answer 1

您可以使用其他方法，例如$(document).scroll(function(){

下面的代码不是你的答案，但你可以尝试类似的东西

VAR

 $w = $(window).scroll(function(){
    if ( $w.scrollTop() > targetOffset ) { 
            // add css here
     }
  }

targetOffset将是38,40。

Answer 2

在使用原始海报后，我们已经达成了这个解决方案：

$(window).on('wheel', function() { setButtonState(); });
arw = $('.sliderBtnWrapper [class*="vs_swiper-button"]').click(function() { setButtonState(); });

function setButtonState() {
    setTimeout(function() {
        var sbw = $('.sliderBtnWrapper').children('.vs_swiper-button-prev-contentSlider.swiper-button-disabled').length;
        if(!sbw) {
            arw.css('color', 'red');
        } else {
            arw.css('color', 'white');
        }
    }, 600);
}

div具有特定类时更改元素css

2 个答案: