滾動代碼js為什麼只滾動一次,js 頁面自動滾動

本文目錄一覽：

1: 設置一個全局變數is_running = false

2: 然後再你scroll觸發的事件方法的開頭加上一個if判斷，如果is_running==false就先把is_running=true,然後執行方法。

3: 在執行結束的末尾，把is_running=false改回來表示執行結束，

4: 這相當於加鎖和解鎖的過程，在is_running==true的期間就算觸發了此方法也不會真正執行的

5: 所以連續觸發時只執行一次。當然你在方法執行過程中最好有異常捕獲，以防執行到一半出錯了，is_running 一直是true，然後永遠執行不了了

1: 設置一個全局變數is_running = false

2: 然後再你scroll觸發的事件方法的開頭加上一個if判斷，如果is_running==false就先把is_running=true,然後執行方法。

3: 在執行結束的末尾，把is_running=false改回來表示執行結束，

4: 這相當於加鎖和解鎖的過程，在is_running==true的期間就算觸發了此方法也不會真正執行的

5: 所以連續觸發時只執行一次。當然你在方法執行過程中最好有異常捕獲，以防執行到一半出錯了，is_running 一直是true，然後永遠執行不了了

無縫滾動通常採用一個源版塊，一個複製版塊，兩塊並排合成一個主體，在一個較小範圍的母版塊里並排滾動。

假設向上滾動那麼

js每隔幾十毫秒設置主體頭部減一

js判斷當版塊2的頭部減母版塊的頭部小於等於零時就設置版塊主體頭部等零，這樣就實現了一個循環

如果你的判斷有誤或者錯誤賦值或者這個主體總長還沒有母版塊長就會失靈。

應該是圖片高度或寬度不夠，不知道你是左右滾動還是上下滾動。你多放幾張圖片，這個原理是必須圖片加在一起的高度或寬度（看上下滾動還是左右滾動而定）必須大於div的高度或者寬度，他就能連續不斷的滾動了

原創文章，作者：小藍，如若轉載，請註明出處：https://www.506064.com/zh-tw/n/250656.html