안녕하세요, 저는 장고에 간단한 chatbox를 구현하려고하고 javascript를 사용하여 div 클래스의 맨 아래로 스크롤하는 방법을 궁금해하십니까? 기본적으로 페이지가로드 될 때 가장 최근의 메시지가 아닌 가장 최근의 메시지를 사용자가 볼 수 있도록하고 싶습니다.div 클래스의 맨 아래에 자바 스크립트 스크롤
2
A
답변
1
최근 비슷한 일을해야했습니다. 요소를 화면에 부드럽게 스크롤 할 수있는 기본 jquery 플러그인을 찾았습니다. 다음과 같이 사용된다
(function($) {
$.fn.scrollMinimal = function() {
var cTop = this.offset().top;
var cHeight = this.outerHeight(true);
var windowTop = $(window).scrollTop();
var visibleHeight = $(window).height();
if (cTop < windowTop) {
$('body').animate({'scrollTop': cTop}, 'slow', 'swing');
} else if (cTop + cHeight > windowTop + visibleHeight) {
$(jQuery.browser.webkit ? "body": "html")
.animate({'scrollTop': cTop - visibleHeight + cHeight}, 'slow', 'swing');
}
};
}(jQuery));
:
이 같은 스크립트가 필요하므로$('#chat').scrollMinimal();
0
음, 기본 스크립트는 scrollHeight에 scrollTop이 동일하게 설정되어에만
var DIV = document.getElementById('theDIVElement');
DIV.scrollTop = DIV.scrollHeight;
당신을 DIV ID로 theDIVElement
을 변경해야합니다.
0
이것은 내가 내 채팅에서 사용되는 스크립트입니다 : 당신은 너무 빨리 아래로 스크롤 경우는, 새 메시지가 추가되는 경우에도 좋은
<SCRIPT LANGUAGE="JavaScript">
<!--
function myScroll() {
window.scrollBy(0,01)
setTimeout('myScroll()',100); }
if (document.layers || document.all)
myScroll()
//--></SCRIPT>
당신이있는 동안, 당신의 눈에 어렵다 읽으려고.
관련 문제
- 1. 자바 스크립트 스크롤 여러 div
- 2. DIV 맨 아래에 고정 된 이미지 위치
- 3. 자바 스크립트 스크롤 위로 자바 스크립트 스크롤
- 4. JQuery - 모든 브라우저에서 스크롤 막대가 맨 아래에 있는지 확인하는 방법
- 5. 언제 페이지 맨 아래에 자바 스크립트를로드하도록 선택합니까?
- 6. 자바 스크립트/jQuery를 스크롤
- 7. 다른 div의 맨 아래에 div를두기
- 8. 자바 스크립트 : 웹 브라우저를 맨 위로 스크롤하십시오.
- 9. 다른 div 아래에 div
- 10. div 아래에 테두리 반경이있는
- 11. 브라우저 스크롤이 토글의 맨 아래에 있지 않습니까?
- 12. li의 맨 아래에 맞 춥니 다?
- 13. 부모 DIV의 맨 아래에 하위 DIV 위치 지정
- 14. Android에서 스크롤 가능한 목록 맨 아래에 색이 바래지 않습니까?
- 15. QTreeView 맨 아래에 스크롤 가능 공백을 추가하는 방법
- 16. 요소를 스크롤하여 스크롤 div의 맨 아래에 있도록하려면 어떻게해야합니까?
- 17. 자바 스크립트 : DIV AppendChild
- 18. 자바 스크립트 숨기기 div
- 19. 자바 스크립트 + DIV 태그
- 20. javascript없이 오버플로가있는 div 스크롤
- 21. 자바 스크립트 쪽 스크롤
- 22. 대각선 스크롤 자바 스크립트
- 23. 자바 스크립트 스크롤 이미지
- 24. 자바 스크립트 스크롤
- 25. 자바 스크립트 스크롤 막대
- 26. 자바 스크립트 스크롤
- 27. 자바 스크립트 스크롤 텍스트
- 28. iPad 자바 스크립트 스크롤
- 29. 웹 페이지 맨 아래에 이미지 스틱 만들기
- 30. jquery 스크롤 맨 위로 스크롤
좋습니다. 좋습니다. id 클래스뿐만 아니라 div 클래스에서도 작동합니까? –
@MarsJ 글쎄, 당신은 단지 요소를 지역화하기 위해'getElementsByClassName' 함수를 사용해야합니다. 필수적인 부분은 두 번째 줄입니다. –