JavaScript clearIntervalが機能しません

Question

リンクをクリックした後、正確な要素までスクロールするためのページを作成します。しかし、それをクリックすると、ページの終わりまでスクロールし、スクロールしようとするとスクロールします。

これは、私の機能でclearInterval()が機能していないことを意味しています。 "なぜ ？"ここで

は関数である。

function smoothScr() { 
 
    \t var elem = document.getElementById("main"); 
 
    \t var elemPos = elem.getBoundingClientRect().top; 
 
    \t var i = 0; 
 
    \t var changePos = setInterval(changingPos, 10); \t 
 

 
    \t function changingPos() { 
 
    \t \t if (elemPos == 0) { \t \t \t \t \t 
 
    \t \t clearInterval(changePos); 
 
    \t \t } else { \t 
 
    \t \t \t i++; 
 
    \t \t \t window.scrollBy(0, i); 
 
    \t \t }; 
 
    \t } 
 
    }

Answer 1

代わりの

if (elemPos == 0) 

あなたはあなたでは

if (elem.getBoundingClientRect().top == 0) 

を使用する必要があります例えば、elemPosは初期値から決して変化しません。