javascript - 脚本中的定位类

我有以下脚本（我希望它）将“ .shrink”类添加到
四分之一圈课

<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;
}

最佳答案

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

因此，$('.quarter-circle')是答案。

编辑：

您的div.quarter-circle没有内容，也没有指定宽度和高度（因此0x0px大小），我在示例中提了一些帮助。一探究竟。

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