Skip to main content

glintAutoScroll

The glintAutoScroll directive automatically scrolls its host element to the bottom as new content is added. This is useful for displaying logs, terminal output, or chat messages.

Usage​

Apply the directive directly to the element you want to auto-scroll.

<div class="scrollable-container">
  <div class="console-output" glintAutoScroll>
    <!-- content -->
  </div>
</div>

Behavior​

  • User Override: The auto-scrolling is temporarily disabled when a user manually scrolls using the mouse wheel or scrollbar.
  • Resuming: Automatic scrolling will resume once the host element's content is cleared or reset.