[code] function realtime(){ $("#realtime li:last-child").prependTo($("#realtime ul")).slideDown(); } [/code] [code] ㅇㅇㅇ ㅇㅇㅇ ㅇㅇㅇ ㅇㅇㅇ ㅇㅇㅇ ㅇㅇㅇ ㅇㅇㅇ ㅇㅇㅇ ㅇㅇㅇ [/code] [code] #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:...

이게 평상시 모습이구요 반으로 가린다는말이 이소리였습니다

이전 목록 다음

채택완료

제이쿼리 prepend 질문

가루눈

2018-04-27 (금) 10:49:36 2,927

Copy

function realtime(){
    $("#realtime li:last-child").prependTo($("#realtime ul")).slideDown();
}

Copy

<div id="realtime">
    <ul>
        <li>ㅇㅇㅇ</li>
        <li>ㅇㅇㅇ</li>
        <li>ㅇㅇㅇ</li>
        <li>ㅇㅇㅇ</li>
        <li>ㅇㅇㅇ</li>
        <li>ㅇㅇㅇ</li>
        <li>ㅇㅇㅇ</li>
        <li>ㅇㅇㅇ</li>
        <li>ㅇㅇㅇ</li>
    </ul>
</div>

Copy

#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까지줘도 소용이 없더군요...

익스에서는 잘되지만 유독 크롬에서만 안되네요

뭐가 문제인지 모르겠어요 도와주세요 ㅠㅠ

자바스크립트 제이쿼리 css