제이쿼리 prepend 질문 채택완료
가루눈
7년 전
조회 2,675
</p>
<p>function realtime(){
$("#realtime li:last-child").prependTo($("#realtime ul")).slideDown();
}</p>
<p></p>
<p><div id="realtime">
<ul>
<li>ㅇㅇㅇ</li>
<li>ㅇㅇㅇ</li>
<li>ㅇㅇㅇ</li>
<li>ㅇㅇㅇ</li>
<li>ㅇㅇㅇ</li>
<li>ㅇㅇㅇ</li>
<li>ㅇㅇㅇ</li>
<li>ㅇㅇㅇ</li>
<li>ㅇㅇㅇ</li>
</ul>
</div></p>
<p></p>
<p>#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}</p>
<p>다음과 같이 코드작성해서 평소에는 잘 돌아가지만
ul를 반쯤 가리면 자기 혼자서 스크롤이 움직이는 오류가있습니다.
ul를 감싸고있는 div태그에다가 height도 주고 overflow:hidden까지줘도 소용이 없더군요...
익스에서는 잘되지만 유독 크롬에서만 안되네요
뭐가 문제인지 모르겠어요 도와주세요 ㅠㅠ
댓글을 작성하려면 로그인이 필요합니다.
답변 2개
채택된 답변
+20 포인트
7년 전
.slideDown(); 이 스크롤 되는거 아닌가요?
$("#realtime li:last-child").prependTo($("#realtime ul"));
이렇게만 하면 어떨까요
로그인 후 평가할 수 있습니다
답변에 대한 댓글 6개
�
가루눈
7년 전
�
배모씨
7년 전
"ul를 반쯤 가리면" 이 무슨 내용인지 모르겠습니다.
#realtime ul 여기에도 overflow:hidden; 주시면 어떤가요?
#realtime ul 여기에도 overflow:hidden; 주시면 어떤가요?
�
가루눈
7년 전
반쯤가린다는 소리는 말그대로
ul이 이렇게 있다면 ▤
믐 이런식으로 반만 가려서 본다는소리에요
사진을 같이올렸어야했는데 미흡한 설명죄송합니다 ㅠㅠ
ul 에 hidden넣어도 안되네요
ul이 이렇게 있다면 ▤
믐 이런식으로 반만 가려서 본다는소리에요
사진을 같이올렸어야했는데 미흡한 설명죄송합니다 ㅠㅠ
ul 에 hidden넣어도 안되네요
�
배모씨
7년 전
div와 ul의 height를 같은 값으로 넣으면요?
윈도우에 캡처도구를 쓰셔서 캡처해서 보여주시거나,
URL을 남겨주시는게 빠르겠네요.
윈도우에 캡처도구를 쓰셔서 캡처해서 보여주시거나,
URL을 남겨주시는게 빠르겠네요.
�
가루눈
7년 전
그래도 안되네요 ㅠㅠ
캡쳐해봤습니다
캡쳐해봤습니다
�
가루눈
7년 전
그냥 iframe으로 다른 페이지에서 가져오는 방식으로 해결했네요
답변감사합니다
답변감사합니다
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
slideDown 빼도 똑같은 오류가 납니다