млин, ну ведь все равно не работает
сообщения продолжают добавляться, но автоматический скролл в самы низ дива не происходит.
Может быть стоит копать в сторону айдишника дива последнего сообщения?
хотя фокусом, также не скроллит
вот итоговый код:
|
Код:
|
echo"<html><head>
<META HTTP-EQUIV='Content-Type' CONTENT='text/html; charset=windows-1251'>
<script type='text/javascript' src='jquery.js'></script>
<script type='text/javascript' src='jquery.mousewheel.min.js'></script>
<script type='text/javascript' src='jScrollPane.js'></script>
<script type='text/javascript'>
$(function(){
$('.scroll-pane').jScrollPane({showArrows:true, scrollbarWidth:16, dragMaxHeight:20});
});
</script>
</head><body margin='0' border='0' onload='ChatGetMess();'>
<script type='text/javascript'>
var count = 0;
var chat_mode = 'all';
function ChatGetMess(){
jQuery.getJSON('chat_gm.php?chat_mode='+chat_mode+'', {}, function(json){
for(var k in json.messages){
count++;
jQuery('#mes').append('<div class=\"shoutbox-list\" id=\"list-'+count+'\">' + ShowMessage(json.messages[k]) + '</div>');
$('#list-'+count).fadeIn('slow');
$(function(){
$('.scroll-pane').jScrollPane({showArrows:true, scrollbarWidth:16, dragMaxHeight:20});
});
$('#mes').scrollTop($('#mes').get(0).scrollHeight||0);
}
});
timeoutID = setTimeout(ChatGetMess, 5000);
}
</script>
<div id='mes' class='scroll-pane' style='height:200px;'></div>
</body></html> |