새 게시물을 상단에로드 - 위쪽 스크롤

Question

새로운 게시물이 (어느 정도) 실시간으로 게시되는 사이트에서 작업하고 있습니다. 이후 게시물이 끊임없이 새 게시물을 올릴 때 내리고 싶지 않아서 나는 다른 게시물의 상단에 새 게시물을로드 할 생각을하고있었습니다. 사용자가 새 게시물을보고 싶으면 아래로 스크롤하지 말고 위로 스크롤해야합니다.

나는 이것을 달성하는 방법에 대한 아이디어를 찾고 있었지만 지금까지는 운이 좋지 않았습니다. 누구나 시작하는 방법을 알고 있습니까?

감사합니다. D

P. 나는 '새 게시물'이라는 메시지 (트위터 같은)를 표시하고 싶지 않습니다. 나는 게시물이 즉시로드되기를 원합니다.

Answer 1

는 "JQuery와는"당신은 #container의 첫 번째 자식 요소로 대신 마지막으로 게시물을 렌더링 할

$('#container').prepend('<div class="post">Hi im a new post</div>'); 

대신

이

$('#container').append('<div class="post">Hi im a new post</div>'); 

의를 사용할 수 있습니다 사용하는 경우.

Answer 2

절대적으로 게시물 목록을 다른 div에 배치하는 경우 새 게시물의 높이와 같은 음수의 top 값을 적용하는 것이 좋습니다. 간단히 말하자면 모든 게시물이 정확히 40px로 높은 것으로 가정하고 새 게시물이 올 때 top 오프셋을 빼기 전에 40px까지 오프셋합니다. 이것이 잘 처리되지 않으면 나는 "깜박임"에 대해 약간 걱정할 것입니다.

스크롤 창 내에서 목록을보고있는 경우 동일한 트릭을 scrollTop 값에 적용 할 수 있습니다.