亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

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

回到頂部效果

難度初級
時長40分
學習人數
綜合評分9.63
249人評價 查看評價
9.9 內容實用
9.6 簡潔易懂
9.4 邏輯清晰
?。?!為什么var ostop=document.documentElement.scrollTop||document.body.scrollTop;這樣一個DOM定義會觸發window.onscroll事件?我把istop= true;放在這條語句前就失敗,但放在它后面則沒問題,放前面失敗很顯然,因為沒有onscroll操作,但為什么不放在document.documentElement.scrollTop = document.body.scrollTop = osTop +ispeed;這句后面也能成功???

已采納回答 / 只會補丁的小布丁
因為滾動條的值不是固定的,需要更新
請教一下,為什么直接用osTop-=50這樣寫沒有效果的?

已采納回答 / 前端_小小白
這里的速度的意思就是當前位置和top為0的的差, 所以高度減每一次求到的速度就可以得到一個變速的效果,你也可以去看一下這個課程http://www.xianlaiwan.cn/learn/167
把margin-left:610px;改小一點就看到了,另外下載的源碼里面#btn里面多了一個display:none;結果能顯示才有鬼。
感謝老師分享
還以為網站瘋了 哈哈....
看了評論不想學了,,,推薦WingMeng的,可避免兼容問題
$("#btn").click(function(){

$("html,body").animate({scrollTop:0},300);

});
我想應該是這樣的,當點擊按鈕滾到頂部,這一個過程,一直在執行onclick 和onscroll 這兩事件;當還沒有上到頂部的時候,滾動鼠標,onclick的的事情觸發的沒有onsroll事件快,所以在 onclick事件里面的讓istop還沒有來得及賦值,然后就連續執行了兩次onscroll ,第一次是把本來是真的取反,變為false走else 然后第二次把假的再去反就變為真了就執行清除clearIterval() 這個方法,讓鼠標事件里面的定時器停止了,;我是這么認為的;

已采納回答 / ED_MasterSpark
你這個點擊之后,沒有條件去clearInterval(timer),所以會一直執行里面的js函數
我的實現demo,兼容各種瀏覽器http://www.yaolin.win/exercise/backtop/

已采納回答 / 春雙子大哥
代碼有問題:你的<style>..........</style>寫錯了!你寫成<style/>了
用的火狐瀏覽器,不兼容,var osTop = document.documentElement.scrollTop || document.body.scrollTop;值還是0,怎么解決啊
關于圖片不顯示,老師給#btn加個了display:none;表示不顯示在文檔當中,去掉就會出現了
課程須知
1.掌握HTML+CSS基礎知識;2.了解JavaScript中onclick事件、簡單dom操作、定時器等知識。
老師告訴你能學到什么?
1.掌握兩種實現頂部效果的方法; 2.學會定時器、window.onscroll等知識

微信掃碼,參與3人拼團

微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

友情提示:

您好,此課程屬于遷移課程,您已購買該課程,無需重復購買,感謝您對慕課網的支持!

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消