스크롤 가능한 div 자동 스크롤

내 사이트에는 스크롤 가능한 div가 있지만 내부의 내용은 AJAX 기반이므로 매 순간 새로 고침 ... div는 스크롤을 계속 유지합니다. 어떻게 방지합니까? 을 heres 사업부 자체 :스크롤 가능한 div 자동 스크롤

$show = '<div class="chatlist" >'; 
while($row = mysql_fetch_array($sql)) 
    { 
    $messages = $row['messages']; 
    $userid = $row['id']; 
    $name = $row['name']; 
$show.=' 
<span class="nm" >' . $name . ':</span><br/><span class="msg">' . $messages . '<br/></span> 

';} 
    $show.='</div>'; 
    echo $show;

을 heres CSS : 스팬 모두 또한

<style type="text/css"> 
    div.chatlist 
    { 
border: thin dotted #000; 
width: 600px; 
left:600px; 
top:600px; 
height:600px; 
background-color: #000; 
color: #FFF; 
border-radius: 5px; 
overflow: scroll; 

} 
span.nm{ 
    font-weight: bold; 
    text-align:left 
} 
span.msg{ 
text-align: right; 
font-style: italic; 
} 
    </style>

하나의 CSS 규칙이 주위 followed.any 방식을 받고있다?

출처

2012-03-09 higfox

중요한 부분이 누락되었습니다 : 아작스 조각. CSS를 통하지 않고 자바 스크립트에서 동작을 처리해야합니다. –

당신은 자바 스크립트를 사용하여 DIV의 scrollTop 속성을 설정할 수 있습니다 :

https://developer.mozilla.org/en/DOM/element.scrollTop

그래서 당신은 내용이 업데이트되기 전에 값을 저장하고 업데이트가 완료된 후 다시 삽입합니다.

출처

2012-03-09 00:58:53 Devourant

http://jsbin.com/ucinu/1/edit – redaxmedia

@redaxmedia이 예는 코드와 설명이 포함 된 별도의 답안으로 제출할 수 있습니다 (예 : 동적으로 작동하는지 보려면 "blahs"를 추가하십시오). 질문은 jQuery 태그가 아니기 때문에 일반 JS에서도이 질문을 할 수 있습니다. – Devourant

스크롤 가능한 div 자동 스크롤

답변

관련 문제