字体大小更改问题

DarkReaperRising 发表于 Dev

黑暗死神崛起

我有一个标头，该标头会在我正在编码的网站内更改滚动条的大小。但是，我需要更改标题中文本的字体大小。我可以使用以下代码将其缩小。在此之下，我有相对的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'});
});

哎呀呀

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

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

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。