Sticky Sticky component positions other components as fixed so that these components stay in window viewport during scrolling. In this example, menubar component made sticky so it is always visible during page scroll.
$('#target').puisticky();
                                
<div id="target" >                                
    //content
</div>
                                

No options.

No events.

No methods.

$(function() {
    $('#stickymenu').puimenubar();

    $('#stickymenu').parent().puisticky();
});
                                
<ul id="stickymenu">
    <li> <a data-icon="ui-icon-document">File</a>
        <ul> 
            <li><a data-icon="ui-icon-contact">New</a>
                <ul>
                    <li><a>Project</a></li>
                    <li><a>Other</a></li>
                </ul>
            </li> 
            <li><a>Open</a></li> 
            <li><a>Quit</a></li> 
        </ul>
    </li>
    <li> <a data-icon="ui-icon-pencil">Edit</a>
        <ul>
            <li><a data-icon="ui-icon-arrowreturnthick-1-w">Undo</a></li>
            <li><a data-icon="ui-icon-arrowreturnthick-1-e">Redo</a></li>
        </ul>
    </li>
    <li>
        <a data-icon="ui-icon-help">Help</a>
        <ul>
            <li><a>Contents</a></li>
            <li>
                <a data-icon="ui-icon-search">Search</a>
                <ul>
                    <li><a>Text</a>
                        <ul>
                            <li><a>Workspace</a></li>
                        </ul>
                    </li>
                    <li><a>File</a></li>
                </ul>
            </li>

        </ul>
    </li>
    <li>
        <a data-icon="ui-icon-gear">Actions</a>
        <ul>
            <li><a data-icon="ui-icon-refresh">Ajax</a>
                <ul>
                    <li><a data-icon="ui-icon-disk">Save</a></li>
                    <li><a data-icon="ui-icon-arrowrefresh-1-w">Update</a></li>
                </ul>
            </li>
            <li><a data-icon="ui-icon-document">Non-Ajax</a>
                <ul>
                    <li><a data-icon="ui-icon-close">Delete</a></li>
                </ul>
            </li>
        </ul>
    </li>
    <li>
        <a data-icon="ui-icon-close">Quit</a>
    </li>
</ul>