MediaWiki:Gadget-FloatToc.js：修订间差异

H萌娘，万物皆可H的百科全书！
跳到导航 跳到搜索
imported>=海豚=
无编辑摘要
imported>=海豚=
（[InPageEdit] 没有编辑摘要）
第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日 (一) 16:05的版本

// 浮动目录样式添加
$(function(){
    var toc = $('#toc');
    if (!toc.hasClass('toc-custom-disable')) {
        var tocAfter = toc.clone().addClass('toc-custom');
	toc.after( tocAfter ); 
        btn.css("right", "20px");
    }
});
取自“https://hmoegirl.com/index.php?title=MediaWiki:Gadget-FloatToc.js&oldid=46211”