javascript - 如何恢复到原始 CSS

Question

网站是这样的: http://roobvillalobos.ga/

我用这段代码更改了 CSS:

<script>
  $(window).scroll(function(){
     { $(".numero").css("display", "none"); }
     { $(".subtitulo").css("font-size", "1em"); }
     { $("h1").css("font-size", "1.3em"); }
 });
</script>

但我不知道当我再次处于顶部时如何恢复到原始 CSS

Answer 1

只需再次将其设置为空字符串，它将使用 CSS 样式表。

$(window).scroll(function(){
    var topDistance = $(this).scrollTop();
    if (topDistance == 0) {
        $(".numero").css("display", ""); 
        $(".subtitulo").css("font-size", ""); 
        $("h1").css("font-size", "");
    }
});

当然，这是假设这些元素在你弄乱它们之前没有任何内联样式。否则，您必须将它们保存在一个变量中并在以后重新应用它们。