侧边栏
左侧 右侧 顶部 底部 <a class="btn offside-show" href="javascript:;" data-target="#offside-left">左侧</a> <a class="btn btn-red offside-show" href="javascript:;" data-target="#offside-right">右侧</a> <a class="btn btn-blue offside-show" href="javascript:;" data-target="#offside-top">顶部</a> <a class="btn btn-yellow offside-show" href="javascript:;" data-target="#offside-bottom">底部</a> <div class="offside offside-left" id="offside-left"> 左侧内容 <a href="javascript:;" class="offside-close">Close</a><br> <br><a href="javascript:;" id="tips">显示提示</a> </div> <div class="offside offside-right" id="offside-right"> 右侧内容 </div> <div class="offside offside-top" id="offside-top"> 顶部内容 </div> <div class="offside offside-bottom" id="offside-bottom"> 底部内容 </div>

Push效果
左侧 右侧 顶部 底部(无效) <a class="btn offside-show" href="javascript:;" data-target="#offside-left" data-push="true">左侧</a> <a class="btn btn-red offside-show" href="javascript:;" data-target="#offside-right" data-push="true">右侧</a> <a class="btn btn-blue offside-show" href="javascript:;" data-target="#offside-top" data-push="true">顶部</a> <a class="btn btn-yellow offside-show" href="javascript:;" data-target="#offside-bottom">底部(无效)</a> <div class="offside offside-left" id="offside-left"> 左侧内容 <a href="javascript:;" class="offside-close">Close</a><br> <br><a href="javascript:;" id="tips">显示提示</a> </div> <div class="offside offside-right" id="offside-right"> 右侧内容 </div> <div class="offside offside-top" id="offside-top"> 顶部内容 </div> <div class="offside offside-bottom" id="offside-bottom"> 底部内容 </div>
左侧内容 Close

显示提示
右侧内容
顶部内容
底部内容