div의 하단에 스크롤 막대를 유지하는 방법은 무엇입니까?

많은 탭이 있으며 탭을 클릭하면 세로 스크롤 div가 표시됩니다. 페이 스북 메시지 페이지처럼 : 사용자 이름을 클릭 할 때. 대화 상자가 보이고 스크롤 막대 이 div의 맨 아래에 기본적으로입니다. 내가 어떤 탭을 클릭하면 하단에 스크롤 막대를 유지하려는div의 하단에 스크롤 막대를 유지하는 방법은 무엇입니까?

.scrollingDiv { 
    overflow-x: hidden; 
    max-height: 500px; 
    overflow-y: scroll; 
}

<ul class="companies"> 
    @foreach (var item in Model) 
    { 
     <li id='[email protected](item.Id)' data-id='@item.Id' > 
      <a>@item.Name</a> 
     </li> 
    } 
</ul>

그리고 내용 :

@foreach (var item in Model) 
{ 
    <div id="scrollingDiv" class="scrollingDiv"> @item.News </div> 
}

그리고 CSS 여기

는 탭입니다. (항상 마지막 뉴스를보기 위해). 또한 현재 div. 나는 this 질문을 확인했다. 하지만 내 응용 프로그램에서 작동하지 않습니다. 이 문제를 어떻게 해결할 수 있습니까?

출처

2013-02-15 Jhoon Bey

$ ("# mydiv")라고 생각합니다. scrollTop ($ ("# mydiv") [0] .scrollHeight); 너를 위해 일해야 해. 이 코드를 올바르게 구현 한 것을 어떻게 알 수 있습니까? – gaurav

이 코드는 id가 아니라 클래스 이름으로 검사했습니다. $ (". scrollingDiv"). scrollTop ($ (". scrollingDiv") [0] .scrollHeight); 변경된 사항이 없습니다. –

jQuery의 scrollTop() 함수가 필요한 것일 수 있습니다. 당신이

var d = document.getElementById('myDiv'); 

if(d.scrollHeight > d.clientHeight) { 
    d.scrollTop = d.scrollHeight - d.clientHeight; 
}

같은 것을 할 수있는, 자바 스크립트와 http://api.jquery.com/scrollTop/

출처

2013-02-15 12:43:56 d4rkpr1nc3

를 참조하고이 논리 당신이 사업부에 내용을 추가하거나 원하는 경우 스크롤 컨테이너가 아래로 스크롤 할 때마다 실행합니다.

출처

2013-02-15 12:44:39 marekful

div의 하단에 스크롤 막대를 유지하는 방법은 무엇입니까?

답변

관련 문제