Code Document

Data Hv Affix

  • Example 1:

    Fixed to parent area reaches window ceiling.

  • Code:

    <div id="affix-parent" style="height:600px;margin-bottom:300px">
    <div class="swatch3-bg vpad-10" data-vaffix="affix-parent">Fixed to parent area reaches window ceiling.</div>
    </div>

  • Example 2:

    Fixed until it reaches original position.

  • Code:

    <div id="affix-until">
    <div class="swatch3-bg vpad-10" style="bottom: 50px" data-vaffix="affix-until" data-vsettings="before:1,hide:.vhide-affix">Fixed until it reaches original position.</div>
    </div>

Categories