MediaWiki目录滚动悬浮

MediaWiki目录默认情况下会固定在页面标题2之上，如果将“__TOC__”放在某个位置，目录会显示在相应位置。当然，一个页面只会显示一个目录。

那么，如何让目录随着页面滚动而悬浮呢？对于长内容页面来说，实现这一功能将是个很好的体验。以下我们具体说明实现方法：

1 下载scrollfix

（1）下载 scrollfix，地址：scrollfix.min.js。

scrollfix官网地址：https://github.com/kujian/scrollfix。

说明：scrollfix基于JQuery，而Mediawiki默认就加载了JQuery，所以这里不需要再加JQuery。

2 部署scrollfix

（2）将下载的 scrollfix.min.js 文件上传到 skins/Vector/ 目录。

（3）打开 skins/Vector/VectorTemplate.php 文件，引入 scrollfix.min.js 的加载，如下：

"skins.vector.js": {
    "scripts": [
        "collapsibleTabs.js",
        "vector.js",
        "scrollfix.min.js"
    ],

（4）打开 skins/Vector/VectorTemplate.php 文件，在</body>标签之前加入：<script>$(‘.fix’).scrollFix({zIndex:1000});</script>，如下，

    <?php $this->printTrail(); ?>
    <script>$('.fix').scrollFix({zIndex:1000});</script>
</body>
</html>

（5）[可选] 打开连接：http://localhost/wiki/index.php?title=MediaWiki:Common.css，加入如下代码，让目录呈半透明：

#toc , .toc 
{ 
    filter:alpha(opacity=85); 
    -moz-opacity:0.85; 
    opacity:0.85; 
    -khtml-opacity:0.85; 
}

3 使用端配置

这样我们就可以灵活配置，对于要浮动的目录，我们让它靠右，并且配置class为fix，就可以了，如下：

{| align="right" class="fix" 
| __TOC__ 
|}

没滚动的效果就像这样的，与通常没有差别：

滚动的时候是这样的，

这样就比直接滑动的体验效果要好很多了：）