如何在滾動時加下劃線？

-4

我忙於一個網站here，並且我想在附加的部分上滾動時使用不同顏色的下劃線。如何在滾動時加下劃線？

1 - 我怎樣才能達到這樣的效果呢？

2 - 如果我想在滾動時顯示圖標（字體真棒），那會是相似的嗎？

謝謝

來源

2016-01-15 user3394645

我認爲你正在尋找類似[這裏]（http://codepen.io/Kseso/pen/bfzjC）。快速谷歌可以解決像這樣的問題.. –

謝謝，我知道如何強調一個字，但我希望這個特定的類被解僱，當我流連於另一個更大的類......我認爲需要一些jquery/js這個？ – user3394645

不，[你不必]（http://stackoverflow.com/a/5061953/3880255）。 **請** **瞭解如何正確使用谷歌，您的問題的解決方案可以在不到兩分鐘內在谷歌上找到。 –

您可以結合this和this得到正確的結果。

改變你的選擇爲:before元素是：

.parent:hover .hvr-underline-from-left:before

現在，當父徘徊在這個CSS適用。

JSFiddle

來源

2016-01-15 10:45:35

-1

這裏有html和js代碼來做到這一點。

.container{ 
 
    width: 100%; 
 
    height: 1000px; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
 
<!DOCTYPE html> 
 
<html> 
 
    <head> 
 
     <meta charset="utf-8"> 
 
     <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
 
     <title>GETTING STARTED WITH BRACKETS</title> 
 
     <link rel="stylesheet" href="main.css"> 
 
     <script src="https://code.jquery.com/jquery-1.10.2.js"></script> 
 
     <script> 
 
      $(document).ready(function(){ 
 
       
 
      }); 
 
      $(window).scroll(function(){ 
 
       $("#words").css('text-decoration','underline'); 
 
      }); 
 
     
 
     
 
     </script> 
 
    </head> 
 
    <body> 
 
     <div class="container"> 
 
      <p id="words"> 
 
       sdfgdsjafaghdf 
 
      </p> 
 
     </div> 
 
     
 
    </body> 
 
</html>

來源

2016-01-15 10:43:34 Fr33d0m

不需要JS，也沒有依賴關係，所以當用戶滾動元素時會觸發，並且CSS中的更改非常糟糕，至少會更改類。 –

如何在滾動時加下劃線？

回答

相關問題