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

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

怎么通過js控制滾動條?

怎么通過js控制滾動條?

天涯盡頭無女友 2018-11-14 13:10:43
<script>  document.body.scrollTop = 100;  //.滾動條位置不變;</script>但是我在控制臺輸入這句話 document.body.scrollTop = 100;滾動條位置會變到100的位置,百思不得其解,為什么?在代碼里面怎么控制?
查看完整描述

1 回答

?
寶慕林4294392

TA貢獻2021條經驗 獲得超8個贊

你的 <script> 標簽是不是寫在 <head> 里了?
先將 <script> 移動到 </body> 前,或注冊 onload 事件
必須確保在內容渲染后(數據超過瀏覽器高度,產生滾動條了)執行

window.addEventListener('load', evt => {

  debugger // 斷點中斷,此時看頁面是否有內容且有滾動條

  window.scrollTo(0, 100) // 并且最好使用 window.scrollTo 方法

  setTimeout(() => window.scrollTo(0, 100), 0) // 還可以延遲一會執行

})

簡單點,你在按鈕上注冊單擊事件,在事件中設置滾動條位置肯定沒有問題


查看完整回答
反對 回復 2018-12-03
  • 1 回答
  • 0 關注
  • 1303 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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