setTimeout 함수 만 함수를 실행합니다. JS

Question

내 웹 사이트에 플레이어 종류를 구현하려고합니다. 'Play' 버튼을 누르면 음악이 시작되고 페이지가 부드럽게 아래로 스크롤됩니다. 그러나 버튼 (function(){music.volume=0})을 누르면 페이지가 맨 위에 다시 나타나는 이유를 모르겠습니다. window.scroll() 지체없이 아무 것도하지 않습니다. 그래서 나는 현재 위치에서 페이지를 스크롤 setTimeout 기능을 사용하고 있습니다. 문제는 Opera와 IE에서 setTimeout이 약 10 ms을 차지하므로, 'Mute' 버튼을 클릭 할 때 위아래로 틱이 나타나는 것을 볼 수 있습니다. 크롬에서는 단지 2 ms 걸리고 문제가 없습니다. 이제 내 자신의 시간 제한 기능을 만들 때 window.scroll()이 다시 작동하지 않습니다.

var isMuted = false; 
muteButton.onclick = function() { ////This function works with big delay. 
    if (!isMuted) { 
     mainAudio.volume = 0; 
     isMuted = true; 
    } else { 
     mainAudio.volume = bgAudioTrackVolume; 
     isMuted = false; 
    } 
    setTimeout(function() { 
     window.scroll(0, offset); /// Works 
    }, 0) 
}; 

변경의 setTimeout과 :

여기 내 코드입니다

i = 9542155.873; /// I have tried delay time from 1ms - 250ms by changing this value. 
while (i > 0.00001) { 
    i = i/1.00; 
    if (i < 0.00001) { 
     window.scroll(0, offset); /// Does not do anything. Strange! Have tried to change variable with a number. 
    } 
} 

내가 오프셋 값을 확인할 때마다, 항상 스크롤 기능을 호출하기 전에 사용할 수 있습니다. 나는 내 문제가 평범하지 않다는 것을 알고 정말로 도움이 필요하다.

Answer 1

페이지가 맨 위로 스크롤되는 이유는 빈 북마크 # (페이지 상단을 나타내는 링크)을 사용하고 있기 때문입니다. scroll 메서드가 시간 제한없이 작동하지 않는 이유는 이벤트 처리기 이후에 책갈피로 이동한다는 것입니다. 대신 그냥 이벤트 핸들러에서 false를 반환하여 링크의 기본 동작을 중지, 다시 그것이 위치로 페이지를 스크롤하기 위해 노력

는 :

또는

var isMuted = false; 
muteButton.onclick = function() { 
    if (!isMuted) { 
     mainAudio.volume = 0; 
     isMuted = true; 
    } else { 
     mainAudio.volume = bgAudioTrackVolume; 
     isMuted = false; 
    } 
    return false; 
}; 

, 링크보다 다른 요소를 사용합니다. 당신의 while 루프가 차단되고,의 setTimeout 비 차단, 그래서 스크립트에 뭔가 뭔가를 변경하고 스크립트가 계속 실행으로의 setTimeout을 사용하면, 그 변경 한 때까지 실행을 지연 그냥 시간 제한을 큐에 있기 때문이다