简体   繁体   English

侧面按钮的粘滞按钮

[英]sticky button to sidr side panel

i have jsfiddle HERE for what i did.. and i really very would be appreciate if someone would help me hot to make that show button floating with sidr panel :) 我有jsfiddle 这里做我的工作..如果有人会帮助我使显示按钮与sidr面板一起浮动,我真的很感激:)

<style type="text/css">
#panel {
    position: fixed;
    top: 50%;
    right: 0px;
    width: 115px;
    height: 0px;
    text-align:right;
    z-index:9999;
    margin-top:-15px;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
}
#panel:hover {
    background: #CCC;
}
</style>

<input type="button" id="panel" value="Show" style="height:30px;width: 50px;">

<script type="text/javascript">
    $('#panel').sidr({
        side: 'right',
        displace: false
    });

</script>
I modified the Jquery little   

 $('#panel,#panel-2').sidr({
    side: 'right',
    displace: false
});
$('#panel,#panel-2').click(function(){
    $('#panel-2').toggle();
    $('#panel').toggle();
});

Fiddle here http://jsfiddle.net/raghuchandrasorab/s9ex6g3x/2/ 在这里提琴http://jsfiddle.net/raghuchandrasorab/s9ex6g3x/2/

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM