投稿ごとにページが上がるのはなぜですか？

Question

var main = function(){ 
    $('.btn').click(function() { 
    var post = $('.status-box').val(); 
    $('<li>').text(post).prependTo('.posts'); 
    $('.status-box').val(''); 
    $('.counter').text('140'); 
    $('.btn').addClass('disabled'); 
    }); 
    $('.status-box').keyup(function(){ 
    var postLength = $(this).val().length; 
    var charactersLeft = 140 - postLength; 
    $('.counter').text(charactersLeft); 
    if (charactersLeft < 0){ 
     $('.btn').addClass('disabled'); 
     } 
     else if (charactersLeft == 140){ 
     $('.btn').addClass('disabled'); 
     } 
     else { 
     $('.btn').removeClass('disabled'); 
     } 
    }); 
    $('.btn').addClass('disabled'); 
}; 

$(document).ready(main); 

なぜこのようなことが起こるのかについてのアイデアが投稿されるたびに、私は140文字の投稿を作成してリストに入れてページに表示するオプションを持つdivを持っています。私がこれらの投稿のうちの1つを作るたびに、ウェブページがトップに上がり、投稿を見るためにはスクロールダウンしなければなりません。

Answer 1

ほとんどの場合、カスタムイベントロジックに加えて、デフォルトのフォーム提出またはリンク後の動作が実行されている可能性があります。おそらく#またはページの上部にある他のアンカーに移動している可能性があります。あなたがフィドルを提供することができ

$('.btn').click(function(event) { 
    event.preventDefault(); 
    ...