제이쿼리 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"));
이렇게만 하면 어떨까요
.slideDown()은 효과만 주려고 넣은거구요
slideDown 빼도 똑같은 오류가 납니다
"ul를 반쯤 가리면" 이 무슨 내용인지 모르겠습니다.
#realtime ul 여기에도 overflow:hidden; 주시면 어떤가요?
반쯤가린다는 소리는 말그대로
ul이 이렇게 있다면 ▤
믐 이런식으로 반만 가려서 본다는소리에요
사진을 같이올렸어야했는데 미흡한 설명죄송합니다 ㅠㅠ
ul 에 hidden넣어도 안되네요
div와 ul의 height를 같은 값으로 넣으면요?
윈도우에 캡처도구를 쓰셔서 캡처해서 보여주시거나,
URL을 남겨주시는게 빠르겠네요.
그래도 안되네요 ㅠㅠ
캡쳐해봤습니다
그냥 iframe으로 다른 페이지에서 가져오는 방식으로 해결했네요
답변감사합니다
이게 평상시 모습이구요
반으로 가린다는말이 이소리였습니다
답변을 작성하시기 전에 로그인 해주세요.