Question

我有以下脚本（我希望它）添加＆＃39; .shrink＆＃39;上课四分之一圆级div。

<script>
$(function(){

var shrinkHeader = 50;
 $(window).scroll(function() {
 var scroll = getCurrentScroll();
  if ( scroll >= shrinkHeader ) {
       $('quarter-circle').addClass('shrink');
    }
    else {
        $('quarter-circle').removeClass('shrink');
    }
 });

function getCurrentScroll() {
    return window.pageYOffset || document.documentElement.scrollTop;
}
});
</script>

<div class="quarter-circle"></div>

但它并没有针对它，不知道为什么。

编辑 - 尝试在添加课程时应用此功能

CSS

.quarter-circle.shrink {
  height: 75px;
  width: 75px;
}

Answer 1

Class selector 。（点）不是空字符。

所以$('.quarter-circle')就是答案。

编辑：

你的div.quarter-circle没有内容，宽度和高度没有指定（所以0x0px大小）我做了一个小例子来帮忙。看看这个。

小提琴：http://jsfiddle.net/9k4hk57a/

Answer 2

您应该使用类选择器

按类选择元素

$('.quarter-circle').removeClass('shrink');

以下是jQuery doc

Answer 3

你可以尝试这个：

<script>
$(function(){

var shrinkHeader = 50;
 $(window).scroll(function() {
 var scroll = getCurrentScroll();
  if ( scroll >= shrinkHeader ) {
       $('.quarter-circle').addClass('shrink');
    }
    else {
        $('.quarter-circle').removeClass('shrink');
    }
 });
</script>

<div class="quarter-circle"></div>

脚本

3 个答案: