如何在用戶查看頁面的那一部分時使CSS「執行」？

與使用:hover等事件類似，某些CSS可以通過事件執行，但當用戶只是查看頁面的那一部分時，如何執行相同的代碼？例如：用戶向下滾動到頁腳，並執行一些漂亮的CSS效果。我會添加一個JavaScript標記到這個線程incase這將是必要的。如何在用戶查看頁面的那一部分時使CSS「執行」？

編輯點評：更多上下文......我有一個按鈕，其中有一堆CSS效果已經到位，並且只是在查看時「激活」它們。

2015-04-25 Orbit

你需要使用JavaScript爲。 – Vucko

你可以使用WOW.js庫來做到這一點：http://mynameismatthieu.com/WOW/ – sdvnksv

更多的上下文......我有一個按鈕，一堆CSS效果已經到位，只是想「激活「他們在查看。 – Orbit

CSS不是爲此而設計的。你將不得不使用Javascript。

2015-04-25 19:27:13 Munen

你不能在CSS中這樣做。你將需要JavaScript。

~~如果您使用的是jQuery， it offers a :visible selector。~~ 編輯：jQuery的:visible選擇器是不一樣的「在視口」，因爲@ mplungjan指出。 @mplungjan在jQuery的視口選擇器上也發現了這個頁面：http://www.appelsiini.net/projects/viewport

2015-04-25 19:27:38 Trott

我不認爲：可見是一樣的「在視口」 – mplungjan

啊，好點。將編輯... – Trott

http://www.appelsiini.net/projects/viewport – mplungjan

你可以看看這個JS庫，因爲這對於CSS來說是不可能的。

2015-04-25 19:30:27

回答