목록을 추가하고 아래쪽에서 위로 이동합니다.

Question

아래에서 위로 채우려는 목록이 있습니다. 이 목록에는 900px의 크기가 사용됩니다. 목록의 각 요소는 높이가 73 픽셀입니다. 나는 각 항목을 목록으로 밀어 넣고 싶습니다.

내 목록에 새 목록 항목을 추가하는 데 .append()를 사용하고 있지만 목록에 항목이 추가 될 때 목록을 계속 슬라이드하는 방법을 찾는 데 어려움이 있습니다. 첫 번째 목록 항목의 CSS 특성을 relative, top : 900으로 설정 한 다음 .animate()를 사용하여 목록 항목을 애니메이션 화하여 900-73px 항목을 이동시킬 수 있습니다. 그것은 내가 얻은 것만큼이나 심각합니다.

도와주세요.

Answer 1

내가 제대로 이해하면,이 같은 후있어이 : http://jsfiddle.net/Exjbb/

$(".container").prepend(element).find(":first").slideUp(0).slideDown("fast"); 

Answer 2

그것은 당신이 이런 식으로 뭔가 할 것처럼 나에게 소리 : http://jsfiddle.net/nbUuh/이
당신은 목록에 물건을 추가 할 수 있으며 위쪽으로 자랄거야.

귀하의 질문에 약간의 분명한 문구가 사용될 수 있습니다.

Answer 3

CSS와 jQuery를 함께 사용하여이 작업을 수행 할 수 있습니다. 다음 예를 참조하십시오 : http://jsfiddle.net/finbarr/HGugB/

처음 몇 번 클릭해도 아무 일도 일어나지 않을 수도 있습니다. 항목이 하단에서 추가 될 때 브라우저 창을 아래로 스크롤하십시오.