scrool внизу страницы или результат, если возможно

После отправки, если страница слишком велика, пользователь должен прокрутить вниз, чтобы увидеть результаты, полученные от foo.php, я хочу, чтобы он заставлял браузер прокручиваться до этого результата сообщение, если возможно. Я очень хочу сделать что угодно, чтобы автоматически прокручивать страницу, не нужно использовать ajax. и т.д.scrool внизу страницы или результат, если возможно

$(function(){ 
     $('button[type=submit]').click(function(e){ 
      e.preventDefault(); 
      $.ajax({ 
       type: "POST", 
       url: "foo.php", 
       data: $("#myform").serialize(), 
       beforeSend: function(){ 
        $('#result').html('<div class="success"><img src="../images/loading-blue.gif" width="25" /></div>'); 
       }, 
       success: function(data){ 
        $('#result').html(data); 
        //var objDiv = document.getElementById("#result"); 
        //objDiv.scrollTop = objDiv.scrollHeight; 
        //(example I found online, didn't work) 
       } 
      }); 
     }); 
    });

источник

2014-01-02 Albert D

В JQuery, это должно быть ваш билет.

$('html, body').animate({scrollTop:$(document).height()}, 'slow');

источник

2014-01-02 23:24:44 Rottingham

Я нашел это также, будет ли это работать $ ('body, html'). Animate ({scrollTop: $ ('form'). Offset(). Bottom}, 'slow'); –

Сделайте снимок! Thats забава программирования, try/catch :-) – Rottingham

неважно, ваш метод работал довольно чертовски красиво. –

Использование javascript. Где result находится в id результата div

document.getElementById('result').scrollIntoView();

источник

2014-01-02 23:24:42

Это хорошо сработало, спасибо –

$("body").animate({scrollTop:$("#result").offset().top},500);

Это будет прокручиваться прямо на $("#result").

Для лучшего ответа вы должны также дать нам CSS из #result, потому что мы не знаем, что это положение (абсолютное, фиксированный, статическим, относительный)

источник

2014-01-02 23:27:10

Если результат действительно последний элемент на странице, улучшение в ответ Rottingham был бы сделать это:

$("html, body").animate({scrollTop:$(document).height()-$(window).height(), "slow");

Это лучше, потому что время, указанное во втором параметре должно быть время, которое требуется для вашего окна, чтобы дойти до конца страницы, в то время как с Rottingham-х ответ, он будет двигаться слишком быстро.

источник

2014-01-02 23:34:11 scribblemaniac

действительно движется с идеальной скоростью, спасибо. –

@AlbertD Это только ваши личные предпочтения. Это не меняет того факта, что документ прокручивается на дно до 600 мс, указанных для ключевого слова «медленное». – scribblemaniac

scrool внизу страницы или результат, если возможно

ответ

Смежные вопросы