Как я могу заставить полосу прокрутки оставаться внизу?

Question

У меня есть веб-приложение, которое выполняет определенную задачу, и я создал в веб-приложении поле с вкладками, которое будет печатать любую информацию журнала в указанной области.

Как видно из приведенного ниже кода, у меня есть три вкладки, и при нажатии на одну из них у меня появляется javascript, и jQuery отображает область div, связанную с этой вкладкой. Под каждой областью div есть вложенный div, который будет использоваться для печати журнала.

Все работает отлично, кроме полосы прокрутки, которая не остается внизу.

Я пробовал:

HTML:

    <div id="main" class="main">
        <div id="tabbed-box"class="tabbed-box">
               <ul id="tabs" class="tabs">
                <li><a href="#">Tail</a></li>
                <li><a href="#">Access Log</a></li>
                <li><a href="#">Conduit Log</a></li>
            </ul>

               <div id="tail_box" class="tabbed-content">
           <div id="tail_print" class="print-area"></div>
            </div>

            <div id="access_content" class="tabbed-content">        
                  <div id="access_log_print" class="print-area"></div>
            </div>

            <div id="log_content" class="tabbed-content">
      <div id="log_keywords" class="keywords"></div>
                <div id="log_print" class="print-area"></div>
            </div>
    </div>

JQuery:

    document.getElementById("access_log_print").scrollTop = document.getElementById("access_log_print").scrollHeight;

Но без удачи. Все дивы с class="print-area" Мне нужна полоса прокрутки внизу.

Answer 1

Если вы используете jQuery, вы можете попробовать это.

$('.print-area').each(function(){
    $(this).scrollTop($(this).prop('scrollHeight'));
});