文章詳情頁(yè)
css3動(dòng)畫效果疑問
瀏覽：156日期：2023-07-16 08:58:32
問題描述
就是我們常見的網(wǎng)頁(yè)，當(dāng)我們往下瀏覽的時(shí)候先是隱藏的元素
開始可見然后執(zhí)行動(dòng)畫效果
這種效果是具體怎么實(shí)現(xiàn)的楠？我怎么知道我往下瀏覽的時(shí)候 到什么位置開始元素不隱藏了 然后執(zhí)行動(dòng)畫。并且只要我不刷新頁(yè)面第二次往下瀏覽的時(shí)候 動(dòng)畫不在執(zhí)行。因?yàn)楝F(xiàn)在頁(yè)面元素已經(jīng)不是隱藏狀態(tài)了。
問題解答
回答1：js判斷位置，加class刪class
回答2：判斷滾動(dòng)條的高度，如果你需要?jiǎng)赢嫷脑爻霈F(xiàn)在屏幕上就加一個(gè)class，用css3的transition做動(dòng)畫
標(biāo)簽：
CSS
上一條：css3 - 一個(gè)關(guān)于CSS雪碧圖的問題下一條：html - jQuery 移動(dòng)端橫向滾動(dòng)會(huì)帶動(dòng)網(wǎng)頁(yè)上下滑動(dòng)怎么辦？
相關(guān)文章：
1. php laravel框架模型作用域2. java - 想在微信公眾號(hào)下自定義菜單內(nèi)搭建一個(gè)論壇，用到什么技術(shù)？3. css - 關(guān)于input標(biāo)簽disabled問題4. phpstudy v8 為什么網(wǎng)站刷新后會(huì)出現(xiàn)403錯(cuò)誤？5. 微信$data =file_get_contents(’php://input’)取不到數(shù)據(jù)，抓包6. phpStudy2017輕巧版mysql無法啟動(dòng)7. Java中的BufferedImage在Android之中如何對(duì)應(yīng)？8. redis - 騰訊的QQ平臺(tái)如何維護(hù)龐大的在線用戶列表？9. Spring數(shù)據(jù)mongodb審核不起作用（Java配置）10. 怎么讓其他pc訪問本地的phpstudy編寫的網(wǎng)頁(yè)
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備