[英]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.