javascript - 仅在用户滚动时显示元素，而不会褪色

我想在页面右侧以固定元素的形式显示目录（用于较长的Web文档）。

我对此很容易理解，但是我不知道如何避免长时间滚动时该元素淡入淡出。

在小提琴上滚动足够多，您就会明白我的意思。

js小提琴：http://jsfiddle.net/XGY8H/2/

$(window).scroll(function(){
    var toc = $('.tableOfContents');
    toc.fadeIn();
    setTimeout(function(){
        toc.fadeOut();
    },10000);
});

谢谢！

最佳答案

您可以使用clearTimeout防止ToC淡出。

$(function () {
    var toc = $('.tableOfContents');
    var fadeTimer;

    toc.fadeOut();
    $(window).scroll(function () {
        toc.fadeIn();

        if (fadeTimer) {
            clearTimeout(fadeTimer);
        }

        fadeTimer = setTimeout(function () {
            fadeTimer = 0;
            toc.fadeOut();
        }, 10000);
    });
});

JSFiddle

关于javascript - 仅在用户滚动时显示元素，而不会褪色，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/22459768/