rcreasey.github.io/src/html/menu/content/header/position.html at b3418bc01caade94dd1264a44d4d49beecd15f96 · rcreasey/rcreasey.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<div id="menu-content-header-position" class="menu-content-item">
  <div class="menu-item-header">
    <h1 class="menu-item-header-text">Position when scrolling</h1>
  </div>
  <div class="menu-item-form">
    <div class="form-wrap">
      <input id="control-header-position-sticky" class="control-header-position-sticky" type="radio" name="control-header-position" value="sticky" tabindex="-1">
      <label for="control-header-position-sticky"><span class="label-icon"></span> Sticky</label>
    </div>
    <div class="form-helper">
      <p class="control-header-position-sticky-helper form-helper-item">Header sticks to the page when scrolling up or down.</p>
    </div>
    <div class="form-wrap">
      <input id="control-header-position-inline" class="control-header-position-inline" type="radio" name="control-header-position" value="inline" tabindex="-1">
      <label for="control-header-position-inline"><span class="label-icon"></span> Inline</label>
    </div>
    <div class="form-helper">
      <p class="control-header-position-inline-helper form-helper-item">Header moves inline with the content when scrolling up or down.</p>
    </div>
    <div class="form-helper">
      <p class="control-header-position-helper form-helper-item">Only available when Layout Alignment is Vertical.</p>
    </div>
  </div>
</div>