如何恢复原来的CSS

该网站是这样的： http://roobvillalobos.ga/如何恢复原来的CSS

我更改此代码的CSS：

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

但我不知道怎么恢复到原来的CSS的时候我是再次在顶部

来源

2016-08-30 Ricardo Solís

会更容易些，如果你创建CSS类，那么你可以切换他们使用jQuery。 – yuriy636

只需评论整个脚本标记。 – xenos

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

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

当然，这里假定这些元素在与它们混淆之前没有任何内联样式。否则，你将不得不将它们保存在一个变量中，并在以后重新应用它们。

来源

2016-08-30 21:10:15

谢谢，但如何使用代码来指示我什么时候再次在TOP。我的意思是，第一个脚本是当我滚动鼠标。但是我不知道如何恢复返回顶部时 –

你可以在函数内用'if'来检查。 '$（'body'）。scrollTop（）== 0' – yuriy636

感谢大家。现在代码运行良好 –

您可以以不同的方式解决此问题。当您向下滚动页面时，您可以向课程中添加课程。当您滚动到页面顶部时，您可以删除相同的课程。

比方说，我们称这个类为“滚动”。你可以重写JavaScript作为

$(window).scroll(function() { 
    if($('body').scrollTop() > 0) 
    $('body').addClass('scrolled'); 
    else 
    $('body').removeClass('scrolled'); 
});

在你的样式或内联样式，你可以定义

/* Case: Page scrolled to top */ 
.numero { display: <top value>; } 
.subtitulo { font-size: <top value>; } 
h1 {font-size : <top value>; } 

/* Case: Page scrolled down */ 
body.scrolled .numero { display:none; } 
body.scrolled .subtitulo { font-size: 1em; } 
body.scrolled h1 {font-size : 1.3em; }

来源

2016-08-31 09:17:44

如何恢复原来的CSS

回答

相关问题