2013-07-04 2 views
1

Как я могу сделать прокрутку div в нижней части при загрузке с помощью jQuery? У меня есть DIV с предустановленной шириной и высотой и функция jQuery, которая получает контент из MySQL (используя php-скрипт) и печатает его в этом div. У div есть полоса прокрутки, скрытая битва, и я хочу, чтобы div был прокручивается снизу при загрузке. Есть ли способ сделать это?Div прокручивают нижнюю часть при загрузке

HTML:

<div id="showContent"></div> 

JQuery:

var auto_refresh = setInterval(function() 
{ 
$('#showContent').load('show.php').fadeIn('fast'); 
}, 500); 

show.php содержит функцию, пока он работает хорошо.

CSS:

#showContent { 
    height: 250px; 
    margin: 10px; 
    margin-bottom: 3px; 
    overflow: auto; 
    padding: 5px; 
    width: 300px; 
    overflow: auto; 
} 
+0

, пожалуйста, покажите часть своего кода – caramba

+0

Я отредактировал мое сообщение. – Sergiu

+1

Вчера я играл с подобной ситуацией - маленький div, длинный стол с прокруткой. Поэтому я просто добавил одну строку в нижнюю часть таблицы и положил в манекен , а затем добавил «$ ('# starthere'). Focus();". Кажется, работает. Посмотрим, что скажут другие. – TimSPQR

ответ

1

Добавить дополнительный DIV с конкретным идентификатором для showContent DIV и с помощью Java-scrollTo функции прокрутки для этого DIV, который будет работать

0

Вы можете использовать некоторые обратный вызов с событием нагрузки, которые будут инициировать после чтобы вы могли рассчитать высоту этого элемента, а затем на основании этого вы можете использовать функцию scrollTo() для прокрутки вниз. Подобно этому:

$('div').load('some_url', function(responseText, textStatus, XMLHttpRequest){ 
    console.log("Get content length"); 
    //Here you can use some calculation and then use scrollTo 
}); 
Смежные вопросы