第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定

回到頂部效果

難度初級
時長40分
學(xué)習(xí)人數(shù)
綜合評分9.63
249人評價 查看評價
9.9 內(nèi)容實用
9.6 簡潔易懂
9.4 邏輯清晰
講的蠻好,不過我得練練
停止?jié)L動條的時候大家都是習(xí)慣性的向下滾動,然而我停止的時候也是發(fā)現(xiàn)向下滾動并不好使,突然發(fā)現(xiàn)向上滾動可以停止事件。。。這讓我有點蛋疼
ctrl+滾輪 然后再測試吧
居中用margin:auto
body{
text-align: center;
}
居中
講得很詳細
我第一次用Firefox預(yù)覽 結(jié)果Firefox沒效果 還以為我打錯還是什么的 搞得我重看了4,5遍視屏 結(jié)果我一直沒發(fā)現(xiàn)到底哪錯了。。。。。。搞得我凌亂的想死?。。。。?! 然后莫名的換chrome試了一下 居然正常了 沒錯?。。。?!他居然正常了?。。。。∥揖拖雴枂柪蠋? 你沒弄兼容嗎?????我就一菜鳥 玩我有意思嗎????。?!
我百度了一下 document.documentElement.scrollTop和document.body.scrollTop始終有一個為0,所以可以用這兩個的和來求scrollTop 所以document.documentElement.scrollTop = document.body.scrollTop 是設(shè)置scrolltop = 0 。。。。。。。。。我在火狐上是了好久都是直接回到頂部?。?!
呃 寫的有問題 改一下:@尤克里里Ukulelelelelel 的方法不錯 返回頂部過程中和滾動條拼速度體驗不好 最好是直接點擊頁面就停下來。示例
1.在頁面添加一個空div css類似 #scrollStop{position: fixed;top: 0;left: 0;bottom:0;right:0;}
2.給返回頂部按鈕添加一個z-index=1(確保按鈕不被空div給蓋住了)
3.js的onscroll中獲取#scrollStop并添加點擊事件scrollStop.onclick{clearsetInterval(timer)};
尤克里里的方法不錯 返回頂部過程中和滾動條拼速度體驗不好 最好是直接點擊頁面就停下來  示例
1.在頁面添加一個空div css類似 #scrollStop{width: 100vw;height: 100vh;background-color: #transparent;position: fixed;top: 0;left: 0;}
2.給返回頂部按鈕添加一個z-index=1(確保按鈕不被div給蓋住了)
3.js的onscroll中獲取#scrollStop并添加點擊事件scrollStop.onclick{clearsetInterval(timer)};
感覺留了不少坑給我們………………
在onlick里面先if判斷一下定時器是不是空的吧 不然
if(timer){
clearInterval(timer);
}
再寫timer=setInterval blalabalbal
不重置樣式你怎么改背景圖片?
setInterval 之前先clear一下就是每次點擊把之前的定時器清除掉 就可避免定時器重復(fù)執(zhí)行 導(dǎo)致變快
課程須知
1.掌握HTML+CSS基礎(chǔ)知識;2.了解JavaScript中onclick事件、簡單dom操作、定時器等知識。
老師告訴你能學(xué)到什么?
1.掌握兩種實現(xiàn)頂部效果的方法; 2.學(xué)會定時器、window.onscroll等知識

微信掃碼,參與3人拼團

微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號

友情提示:

您好,此課程屬于遷移課程,您已購買該課程,無需重復(fù)購買,感謝您對慕課網(wǎng)的支持!

本次提問將花費2個積分

你的積分不足,無法發(fā)表

為什么扣積分?

本次提問將花費2個積分

繼續(xù)發(fā)表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消