MediaWiki:Gadget-FloatToc.js:修订间差异
跳到导航
跳到搜索
imported>=海豚= (创建页面,内容为“// 浮动目录样式添加 $(function(){ var toc = $('#toc'); if (!toc.hasClass('toc-custom-disable')) { var tocAfter = toc.clone().addClass('toc-cu…”) |
imported>=海豚= 无编辑摘要 |
||
第8行: | 第8行: | ||
} | } | ||
}); | }); | ||
/* 由用户:850710247liu设计的浮动目录效果*/ | |||
.toc-custom { | |||
position: fixed; | |||
right: -190px; | |||
top: 190px; | |||
background: rgba(255, 255, 255, 0.8); | |||
z-index: 10; | |||
width: 176px; | |||
filter: alpha(opacity=50); | |||
-webkit-transition: -webkit-transform .2s ease-in; | |||
transition: transform .2s ease-in; | |||
padding: 0.8em; | |||
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.12); | |||
border-radius: 10px; | |||
overflow: hidden; | |||
border: 1px solid #ddd; | |||
} | |||
.toc-custom:hover { | |||
opacity: 1; | |||
filter: alpha(opacity=100); | |||
-webkit-transform: translate(-85%, 0); | |||
-ms-transform: translate(-85%, 0); | |||
transform: translate(-85%, 0); | |||
padding: 0.8em; | |||
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.12); | |||
border-radius: 10px; | |||
overflow: hidden; | |||
border: 1px solid #ddd; | |||
} | |||
.toc-custom>ul { | |||
height: 55vh; | |||
overflow-y: scroll; | |||
} | |||
#toc:not(.toc-custom) { | |||
display: none; | |||
} | |||
#btn-showtoc { | |||
cursor: pointer; | |||
} | |||
.toc .toctoggle { | |||
display: none; | |||
} |
2020年4月20日 (一) 15:57的版本
// 浮动目录样式添加
$(function(){
var toc = $('#toc');
if (!toc.hasClass('toc-custom-disable')) {
var tocAfter = toc.clone().addClass('toc-custom');
toc.after( tocAfter );
btn.css("right", "20px");
}
});
/* 由用户:850710247liu设计的浮动目录效果*/
.toc-custom {
position: fixed;
right: -190px;
top: 190px;
background: rgba(255, 255, 255, 0.8);
z-index: 10;
width: 176px;
filter: alpha(opacity=50);
-webkit-transition: -webkit-transform .2s ease-in;
transition: transform .2s ease-in;
padding: 0.8em;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.12);
border-radius: 10px;
overflow: hidden;
border: 1px solid #ddd;
}
.toc-custom:hover {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: translate(-85%, 0);
-ms-transform: translate(-85%, 0);
transform: translate(-85%, 0);
padding: 0.8em;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.12);
border-radius: 10px;
overflow: hidden;
border: 1px solid #ddd;
}
.toc-custom>ul {
height: 55vh;
overflow-y: scroll;
}
#toc:not(.toc-custom) {
display: none;
}
#btn-showtoc {
cursor: pointer;
}
.toc .toctoggle {
display: none;
}