如何恢復原來的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

回答

相關問題