字體大小更改問題

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/