bootstrap-layout/docs/src/html/reference/js/events/scrollable.html

Bootstrap layout with sidebar navigation, sidebar skins, sidebar transition, custom scrollbars, sidebar menus and other advanced features and utilities

<div class="table-responsive">
  <table class="table table-sm">
    <thead>
      <tr>
        <th width="160">Event Type</th>
        <th>Description</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td><code>scroll.bl.scrollable</code></td>
        <td>
          <p>Fires when scrolling the element.</p>
        </td>
      </tr>
      <tr>
        <td><code>scrollEnd.bl.scrollable</code></td>
        <td>
          <p>Fires when the scrolling has ended.</p>
        </td>
      </tr>
  </table>
</div>

{% markdown %}
```js
$('#my-div').on('scroll.bl.sidebar', function (e, scrollableElement) {
  // do something when scrolling the element
})
```
{% endmarkdown %}