テスト

#target{ display: block; text-align: center; padding-bottom: 100px; background: red; color: white; }

↓↓↓スクロールしてね↓↓↓

ターゲットリンク
（5秒後に自動でページ遷移するよ） jQuery(function($){ $(window).scroll(function(){ var t = $('#target').offset().top; // ターゲットの位置取得 var p = t - $(window).height(); // 画面下部からのターゲットの位置 if($(window).scrollTop() > p){// 画面内に要素が入った時 setTimeout(function(){ // 画面内に入って5秒後に遷移 var link = $('#target').attr('href');// リンクのhrefを取得 location.href = link +"?auto_scroll=true";// クエリ文字付けてページ遷移 },5000); }else{// 画面内に要素が入ってない時 } }) });

【jQuery】スクロールして指定したリンクが画面内に入ったら自動でリンク先に遷移

2020/03/31