제이쿼리 prepend 질문
본문
function realtime(){
$("#realtime li:last-child").prependTo($("#realtime ul")).slideDown();
}
<div id="realtime">
<ul>
<li>ㅇㅇㅇ</li>
<li>ㅇㅇㅇ</li>
<li>ㅇㅇㅇ</li>
<li>ㅇㅇㅇ</li>
<li>ㅇㅇㅇ</li>
<li>ㅇㅇㅇ</li>
<li>ㅇㅇㅇ</li>
<li>ㅇㅇㅇ</li>
<li>ㅇㅇㅇ</li>
</ul>
</div>
#realtime{width:400px;float:left;margin-right:10px;height:376px;border-bottom:1px solid #ddd;overflow:hidden}
#realtime ul {height:315px;border:1px solid #ddd}
#realtime li {height:40px;line-height:40px;border-bottom:1px solid #ddd}
다음과 같이 코드작성해서 평소에는 잘 돌아가지만
ul를 반쯤 가리면 자기 혼자서 스크롤이 움직이는 오류가있습니다.
ul를 감싸고있는 div태그에다가 height도 주고 overflow:hidden까지줘도 소용이 없더군요...
익스에서는 잘되지만 유독 크롬에서만 안되네요
뭐가 문제인지 모르겠어요 도와주세요 ㅠㅠ
!-->!-->!-->답변 2
.slideDown(); 이 스크롤 되는거 아닌가요?
$("#realtime li:last-child").prependTo($("#realtime ul"));
이렇게만 하면 어떨까요
이게 평상시 모습이구요
반으로 가린다는말이 이소리였습니다
답변을 작성하시기 전에 로그인 해주세요.