課程
/前端開發(fā)
/HTML/CSS
/回到頂部效果
為什么還是自動向上滾動 加了if判斷
2015-10-23
源自：回到頂部效果 4-1
正在回答
我也是 照著抄還是不行 不知道是不是火狐的問題 再說了 和滾動條比速度有點…………
我的做法是加一個覆蓋全頁面的蒙版??? 然后給它在onscroll里面添加個點擊事件 點擊蒙版就清除定時器
示例
1.在頁面添加一個空div css類似 `#scrollStop{;position: fixed;top: 0;bottom:0;left: 0;right:0}`
2.給返回頂部按鈕添加一個z-index=1（確保按鈕不被div給蓋住了）
3.js的onscroll中獲取#scrollStop并添加點擊事件
```?? ??? ?var scrollStop = document.getElementById('scrollStop');?? ??? ?scrollStop.onclick = function () {?? ??? ??? ?clearInterval(timer);?? ??? ?}
```
是不是判斷條件寫錯了
念止 提問者
舉報
回到頂部網(wǎng)站不可缺少的一部分，用JS實現(xiàn)炫酷拉風(fēng)的回到頂部效果
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2016-09-19
我也是 照著抄還是不行 不知道是不是火狐的問題 再說了 和滾動條比速度有點…………
我的做法是加一個覆蓋全頁面的蒙版??? 然后給它在onscroll里面添加個點擊事件 點擊蒙版就清除定時器
示例
1.在頁面添加一個空div css類似 `#scrollStop{;position: fixed;top: 0;bottom:0;left: 0;right:0}`
2.給返回頂部按鈕添加一個z-index=1（確保按鈕不被div給蓋住了）
3.js的onscroll中獲取#scrollStop并添加點擊事件
```
?? ??? ?var scrollStop = document.getElementById('scrollStop');
?? ??? ?scrollStop.onclick = function () {
?? ??? ??? ?clearInterval(timer);
?? ??? ?}
```
2015-10-24
是不是判斷條件寫錯了