자동 추적 스크롤 막대가

는 기본적으로, 나는 기본적으로자동 추적 스크롤 막대가

.myClass { 
position: relative; 
padding: 39px 14px 14px; 
margin-bottom: -1px; 
border: 1px solid #ddd; 
border-top-left-radius: 4px; 
border-top-right-radius: 4px; 
height: 200px; 
overflow: auto; 
}

아래의 CSS 코드를 사용하여 스크롤 DIV있다 어떤 종류의 AUTOLOG을 만든, 데이터는 동적으로 jQuery를 사용하여 DIV이 내부에 배치되고있다 이는 아래와 같이 DIV는

$.each(data.search, function (i, v) { 
     $('.myClass').append('my content here'); 
});

이

<div class="myClass"> 

</div>

0123처럼 간단 보이는 외부로부터 페치

div가 원하는 내용은 콘텐츠가 overflow이 될 때 측면에있는 스크롤바가 자동으로 아래쪽으로 스크롤하여 을 따르고 싶습니다. 수동으로 막대를 맨 아래로 계속 스크롤하는 대신자바 스크립트을 통해 확인할 수 있지만 확신할만한 방법이 있다면 올바른 방향으로 나를 가리켜 줄 수 있다면

출처

2013-03-13 Curtis Crewe

링크를 확인하십시오.

이

printLn: function(str, clss) { 
    con.print(str, clss); 
    $output.append('<br/>').animate({ scrollTop: $output.prop('scrollHeight') }, 1); 
},

기본적으로 어느 정도 "까지 스크롤 높이가 허용하는 스크롤"라는 새로운 scrollHeight에 scrollTop를 업데이트 바닥에 당신 "스틱"그래서 여기 내 "에 println"기능이었다. 이것은 최대로 DIV의 scrollTop 속성을 설정

$.each(data.search, function (i, v) { 
     $div = $('.myClass'); 
     $div.append('my content here').animate({ scrollTop: $div.prop('scrollHeight') }, 1); 
});

, 그래서 아래로 스크롤됩니다 : 당신의 상황이 같은 일을 들어

편집

출처

2013-03-13 18:21:17 Chad

미안하지만, 당신이 나에게 던져 주려고하는 것을 이해하지 못하지만,이 시간을내어 주셔서 대단히 감사합니다. –

@CurtisCrewe 사례에 대한 구체적인 예를 사용하여 수정되었습니다. – Chad

콘텐츠를 추가 한 후 스크립트에 추가하면 올바르게 작동합니다. .

$(".myClass").animate({ 
    scrollTop: $(".myClass").scrollHeight 
}, 300);

출처

2013-03-13 18:20:00 jagzviruz

$ .each (data.search, function (i, v) { $ ('. myClass') .append ('내 콘텐츠는 여기') 애니메이션은 { scrollTop : $ (". myClass")입니다. scrollHeight }, 300); }); – jagzviruz

그 중 아무 것도 작동하지 않는 것 같습니다. 어쨌든 당신의 기여에 감사합니다. –

// Get the number of pixels scrolled 
var intElemScrollTop = element.scrollTop; 
intElemScrollTop is an integer corresponding to number of pixels that element's content has been scrolled upward. 

// Set the number of pixels scrolled 
element.scrollTop = intValue;

내가 최근에 내가로 인쇄 된 "콘솔"(사업부)를 가지고 비슷한 일을했고,이 범람 할 때, 당신이 그것을 아래로 다음 https://developer.mozilla.org/en-US/docs/DOM/element.scrollTop

출처

2013-03-13 18:21:01 Biswajit

자동 추적 스크롤 막대가

답변

관련 문제