2015-03-27 5 views
0

Когда я нажимаю на переключатель, отображается новый div, «resultat3».Auto scroll to new div

Я хочу автоматический прокрутить вниз до нового div, когда он загружен.

function stateChanged7() 
{ 
    if (xmlhttp.readyState==4) 
    { 
    document.getElementById("resultat3").innerHTML=xmlhttp.responseText; 
    document.getElementById("show").innerHTML = showDiv4(1); 
    } 
} 

Кто-нибудь знает, как я могу это решить?

ответ

0

вы можете сделать это с помощью Jquery .focus() метод

Предположим, что ваш новый DIV имеет идентификатор шоу, то после ввода данных вы можете использовать,

$(window).scrollTop($('#show').offset().top); 

Основное внимание будет уделено или выделите новый дела.

+0

Работает ли фокус на divs? – Sully

+1

Если вам нужно прокрутить вниз, чтобы сфокусироваться на div, вы можете использовать вышеприведенный код. Я отредактировал ответ, вы можете это проверить. – Pratik

0

Я хотел бы попробовать это:

function stateChanged6() 
{ 
    if (xmlhttp.readyState==4) 
    { 
    document.getElementById("resultat2").innerHTML=xmlhttp.responseText; 
    document.getElementById("show").innerHTML = showDiv4(1); 
    $("#resultat2").focus(); 
    } 
} 

протестирована с:

$("resultat2").focus(); 
1
$('#html,body').animate({ 
    scrollTop: $("#resultat3").offset().top 
}); 

Очень похож на этот уже ответил на вопрос. Надеюсь, поможет.

jQuery Scroll to Div

+0

Хотя эта ссылка может ответить на вопрос, лучше включить здесь основные части ответа и предоставить ссылку для справки. Ответные ссылки могут стать недействительными, если связанная страница изменится. –

+0

Это имеет смысл, извинения :) –

+0

Нет проблем. Если вы добавите дополнительную информацию из ссылки на свой вопрос, скорее всего, она не будет помечена как низкокачественная и, возможно, удалена. –