Scrollable

Helpers when working with scrollable containers


Set Scrolling

      
<table class="hx-table is-striped">
  <thead>
    <tr>
      <th>Class</th>
      <th>Description</th>
    </tr>
  </thead>
  <tbody>
   <tr>
      <td><code>.is-scrollable-y</code></td>
      <td>Set scrolling on the y axis</td>
    </tr>
     <tr>
      <td><code>.is-scrollable-x</code></td>
      <td>Set scrolling on the x axis</td>
    </tr>
    <tr>
      <td><code>.is-scrollable</code></td>
      <td>Set scrolling on both the x & y axis</td>
    </tr>
  </tbody>
</table>
          
    
Class Description
.is-scrollable-y Set scrolling on the y axis
.is-scrollable-x Set scrolling on the x axis
.is-scrollable Set scrolling on both the x & y axis

Unset Scrolling

      
<table class="hx-table is-striped">
  <thead>
    <tr>
      <th>Class</th>
      <th>Description</th>
    </tr>
  </thead>
  <tbody>
     <tr>
      <td><code>.not-scrollable-y</code></td>
      <td>Unset scrolling on the y axis</td>
    </tr>
     <tr>
      <td><code>.not-scrollable-x</code></td>
      <td>Unset scrolling on the x axis</td>
    </tr>
    <tr>
      <td><code>.not-scrollable</code></td>
      <td>Unset scrolling on both the x & y axis</td>
    </tr>
  </tbody>
</table>
          
    
Class Description
.not-scrollable-y Unset scrolling on the y axis
.not-scrollable-x Unset scrolling on the x axis
.not-scrollable Unset scrolling on both the x & y axis