liwei
/
hexo-theme-quiet
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

🌾 更新sidebar 显示隐藏方式

This commit is contained in:
79E 2022-10-01 21:26:44 +08:00
parent dcded080e9
commit fd93182115
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
layout/_widget/sidebar.ejs
View File

@ -33,16 +33,16 @@
z-index: 1998; z-index: 1998;
} }
.sidebar { .sidebar {
width: 0; width: 66%;
height: 100%; height: 100%;
position: fixed; position: fixed;
top: 0; top: 0;
right: 0; right: -100%;
bottom: 0; bottom: 0;
background: #fff; background: #fff;
z-index: 1999; z-index: 1999;
text-align: center; text-align: center;
box-shadow: -6px 0 20px rgba(98, 94, 94, .815) box-shadow: -6px 0 20px rgba(98, 94, 94, .815);
} }
.topo { .topo {
@ -123,7 +123,7 @@
.click( function () { .click( function () {
$( '.sidebar' ) $( '.sidebar' )
.animate( { .animate( {
width: "66%" right: "0"
}, 500 ); }, 500 );
$( '.shelter' ) $( '.shelter' )
.fadeIn( "slow" ) .fadeIn( "slow" )
@ -132,7 +132,7 @@
.click( function ( e ) { .click( function ( e ) {
$( '.sidebar' ) $( '.sidebar' )
.animate( { .animate( {
width: "0" right: "-100%"
}, 500 ); }, 500 );
$( '.shelter' ) $( '.shelter' )
.fadeOut( "slow" ) .fadeOut( "slow" )