字体大小更改问题

Question

我有一个标头，该标头会在我正在编码的网站中更改滚动条的大小。 但是，我需要更改标题内文本的字体大小。 我可以使用以下代码将其缩小。 在此之下，我有相对的CSS。

 $(document).on('scroll', function(e) { var value = $(this).scrollTop(); if ( value < 100 ) $("header").css("height", "100px"); else $("header").css("height", "55px"); $('h1').css({'font-size' : '30px'}); }); 

这会使它变小直到您刷新

 h1 { font-size: 75px; width: 100vw; color: #212121; padding-top: 2vh; font-family: 'Raleway', sans-serif; padding-left: 1vw; font-weight: 300; z-index: 30; } 

尽管如果我尝试制作它，以便在您向上滚动时将其重置为原始字体大小（下面的代码），则会弄乱JS，并且页面上的所有JS均不起作用。

 $(document).on('scroll', function(e) { var value = $(this).scrollTop(); if ( value < 100 ) $("header").css("height", "100px"); $('h1').css({'font-size' : '75px'}); else $("header").css("height", "55px"); $('h1').css({'font-size' : '30px'}); }); 

Answer 1

如果您使用JS而不是CoffeeScript， if { ... } else { ... } ，则需要添加引号

运行示例https://jsfiddle.net/pmgy9ar2/