jQuery : 목록 스크롤 방지?

Question

나는이 시나리오를 가지고있다 : ajax 쿼리를 사용하여 어떤 데이터 아이템을 가져오고 ul 엘리먼트로 li 엘리먼트로 푸시한다. 나는 $("ulele").append(new_li_item)을 사용합니다.

이

$("ulele").animate({scrollTop: '+=' + 200}, 'slow'); 

나는 그 사건과 위의 animate 기능으로 인해 목록 스크롤을 발사 때 문제는, 내가 그것을 유지하려는 : 이벤트가 감지 될 때마다 나는 다음을 사용하여이 ul 요소에 대해 내 자신 만의 스크롤을 썼다 적어도 몇 초 동안 안정. 아래로 스크롤하면 요소는 여전히 푸시되고 있으므로 목록은 무엇이든지 스크롤을 유지합니다.

$("#liele").delay(6000 * i).show("slow") 

난 정말 UL 목록에 요소를 밀어의 활동을 중지하지 않고 이런 일이 발생 일시 정지 할 수있는 방법이 있나요 : 나는 (이미 display:none 속성이) 리 요소를 추가하기 위해 다음과 같은 방법을 사용하고 있습니다?

Answer 1

아마 .delay()를 시도해보십시오. ..이 같은

http://api.jquery.com/delay/

뭔가 :

$ ("ulele") 애니메이션 ({scrollTop을 '+ ='+ (200)}, '느린') 지연 (1000);

Answer 2

함수에 애니메이션을 넣고 ulele에 요소를 추가하기 전에 애니메이션을 제거한 다음 데이터를 얻은 다음 다시 추가하는 것이 좋습니다. 그것은 그것을하는 한 가지 방법이지만, 그 모습에서 볼 때, 그것은 운영 집약적 인 것으로 들립니다.

더 나은 작업을해야 다음 - 새 리 요소를 만들 때 디스플레이 그것을 시작 : 없음과는 AJAX 호출을 사용하여 페치 후 디스플레이를 인라인하는 속성이나 방법 적 업데이트 너는 그것을 필요로한다. 그것은 위의 것보다 더 잘해야합니다.