1

ユーザーがボタンをクリックすると、JavaScript から新しいコンテンツが読み込まれます。ただし、ページは自動的に一番下に移動します。ユーザーが一番下までスクロールしてボタンをクリックできるようにページを固定するにはどうすればよいですか (新しいコンテンツがロードされたことを確認した後)。

JavaScript:

<script type="text/javascript">
   $(document).ready(function() {
      counter = {{page}};
      counter = counter-1;
       $("#load_more_videos").submit(function(event){
       event.preventDefault();
       console.log(counter);
        $('.more_videos').load("/more_videos/"+counter);

       })
    });
</script>

html:

<form class="form-horizontal" method='get' action = '' id = 'load_more_videos'>
        {% csrf_token %}
        <input type='submit' class="btn btn-primary" value='Get more videos'/>
    </form>

<div class = 'more_videos'> </div>
4

1 に答える 1

0

1 つのアイデアは、次のようにロード イベント コールバック内で.scrollTop()を使用することです。

var scrollTop = $(window).scrollTop();

$('.more_videos').load("/more_videos/"+counter, function () {
    $('html body').scrollTop(scrollTop);
});

ノート： This is completely untest and might make the page a little jumpy

于 2012-12-21T01:14:59.807 に答える