2017-02-26 11 views
0

更新:ページを5秒ごとに最後までスクロールさせますか?

ご迷惑をおかけして申し訳ありません。

私がしようとしているのは、Webページを作ることです。を5秒ごとにスクロールダウンして、どうすればいいですか?

これを実現するにはendキーを繰り返し押してみましたが、失敗します。

これらは私の試みだった:

function pressEnd() { 
    $('body').keypress({keyCode: 35}); 
} 

setInterval(function() { 
    pressEnd(); 
}, 5000); 

そして:

$('body').trigger('keydown', {which: 35}); 

そして:

var event = $.Event('keydown', {keyCode: 35}); 
$('body').trigger(event); 

はまた、からセレクタを変更しようとしました〜documentおよびwindow

私には何が欠けていますか?

+0

[キープレスイベントをプログラムでシミュレートすることは可能ですか?](http://stackoverflow.com/questions/596481/is-it-possible-key-press-events-programatically) –

+0

あなたは時間間隔で自動スクロールしようとしていますか? 可能な重複のhttp:// stackoverflow。com/questions/13813257/autoscroll-with-setinterval-clearinterval – vatz88

+0

http://stackoverflow.com/a/7318272/3898339あなたが探している解決策です。時間間隔を変更する –

答えて

0

更新

このスクリプトはダウンページの下部に500ミリ

function scrollDown(el) { 
    el.animate({ 
     scrollTop: el[0].scrollHeight 
    }, 500, function() { 
     scrollUp(el) 
    }); 
}; 


$(document).ready(function() { 
window.setInterval(function(){ 
    scrollDown($("html,body")); 
}, 5000); 
}) 

のアニメーションの再生時間と5秒毎に自動スクロールフライド:http://jsfiddle.net/BDc6S/240/

以前

function myFunction() { 
var key35 = $.Event("keydown", { keyCode: 35 }); 
$("body").trigger(key35); 
alert("end key pressed"); 
} 

$(document).ready(function() { 
window.setInterval(function(){ 
    myFunction(); 
}, 5000); 
}) 

SEE FIDDLE

よう $(document).ready(function() {})にjQueryの window.setInterval(function(){})を使用して、すべての5秒を end keyを送信し、それを呼び出すための関数を作成します。 https://jsfiddle.net/utp2sfm4/

+0

申し訳ありませんが、私は私の質問で十分に明確ではなかった!私はそれをクリックするために 'end'キーをクリックしたくないので、これをクリックしてスクロールダウンしたいと思っていました。大変申し訳ありませんが、私は質問を更新しました! – user7607751

+0

ありがとう!それは有り難いです! – user7607751

0

以下のようなjQuery準備機能でコードをラップする必要があります。

$(document).ready(function() { 
     $('body').keydown(function(event) { 
      var keyCode = event.which; 
     alert("You pressed the key code: " + keyCode); 
    }); 
}); 

ここでは、実際の例のJSFiddleを示します。 https://jsfiddle.net/txnL8699/

+0

申し訳ありませんが、私は私の質問で十分に明確ではなかった!私はそれをクリックするために 'end'キーをクリックしたくないので、これをクリックしてスクロールダウンしたいと思っていました。大変申し訳ありませんが、私は質問を更新しました! – user7607751

0

これを試してみてください:

var event = $.Event('keydown', {keyCode: 35}); 

setInterval(function() { 
    $('body').trigger(event); 
}, 5000); 
+0

申し訳ありませんが、私は十分に私の質問に明確ではなかった!私はそれをクリックするために 'end'キーをクリックしたくないので、これをクリックしてスクロールダウンしたいと思っていました。大変申し訳ありませんが、私は質問を更新しました! – user7607751

0

あなたのコードを入れたときにそのが正常に動作準備完了機能の内部にある。適切にトリガーするもの

$(document).ready(function(){ 
setInterval(function() { 
    pressEnd(); 
}, 5000); 
}); 
function pressEnd(){ 
// Create a new jQuery.Event object with specified event properties. 
var e = jQuery.Event("keydown", { keyCode: 35 }); 
// trigger an artificial keydown event with keyCode 64 
jQuery("body").trigger(e); 
} 
+0

申し訳ありませんが、私は私の質問で十分に明確ではなかった!私はそれをクリックするためにエンドキーをクリックしたくないので、これをクリックしてスクロールダウンしたいと思った。大変申し訳ありませんが、私は質問を更新しました! – user7607751

関連する問題