文章詳情頁(yè)
css3動(dòng)畫效果疑問
瀏覽：121日期：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 - 請(qǐng)問大批量數(shù)據(jù)處理，如何分割？2. javascript - vue過渡效果 css過渡 類名的先后順序3. MySQL主鍵沖突時(shí)的更新操作和替換操作在功能上有什么差別(如圖)4. 數(shù)據(jù)庫(kù) - Mysql的存儲(chǔ)過程真的是個(gè)坑！求助下面的存儲(chǔ)過程哪里錯(cuò)啦，實(shí)在是找不到哪里的問題了。5. html5和Flash對(duì)抗是什么情況？6. css右浮動(dòng)字的順序顛倒了7. ios - 類似微博首頁(yè)，一張圖的時(shí)候是如何確定圖大小的？8. javascript - 我是做web前端的，公司最近有一個(gè)項(xiàng)目關(guān)于數(shù)據(jù)統(tǒng)計(jì)的！9. javascript - 如何使用loadash對(duì)[object,object,object]形式的數(shù)組進(jìn)行比較10. javascript - vuejs+elementui 購(gòu)物車價(jià)格計(jì)算，點(diǎn)擊加減號(hào)修改數(shù)量總價(jià)都不會(huì)改變，但是計(jì)算執(zhí)行了
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備