時間経過でイベントを発生させて、もし100スクロールしたら、そのイベントを停止

Question

時間経過でイベントを発生させて、もし100スクロールしたら、そのイベントを停止させたいのです。

時間経過で指定した箇所にスクロールはこちらを使っています。
$(document).ready(function scrollload(){
$('html, body').delay(10000).animate({
scrollTop: $('#anchor_box_02').offset().top
}, 1500, "swing");
});

100スクロールしたら、上のイベントを停止はこちらでやろうとしているのです。
$(function(){
$(window).scroll(function(){
// 対象までの高さ
var distanceTop = 10;

	// 対象に達しているかどうかを判別
	if ($(window).scrollTop() > distanceTop) {
		

ここに実行するもの

	}
});

});

Answer 1

jQueryの.delay()をあとから止める方法は公式には用意されていないとのことで（公式リファレンス）、setTimeoutで書き直すのがいいでしょう。setTimeoutはタイマーIDを返り値とし、これをclearTimeout()に渡すことでタイマーを解除できます。
`
$(document).ready(function(){
var timer_id=setTimeout(function(){
$('html, body').animate({
scrollTop: $('#anchor_box_02').offset().top
}, 1500, "swing");
},10000);

$(window).scroll(function(){ 
    // 対象までの高さ 
    var distanceTop = 10; 

    // 対象に達しているかどうかを判別 
    if ($(window).scrollTop() > distanceTop) { 
        
        clearTimeout(timer_id);

    } 
}); 

});
`

Comments

[ByronHasegawa]

そうなんですね！

さすがです！
すごい助かりました！

無事想像通りに動きました！

ありがとうございました！