某些滚动后禁用脚本

【问题标题】：Disable script after certain scrolling某些滚动后禁用脚本
【发布时间】：2014-01-30 22:30:46
【问题描述】：

我以前发布过，但没有人得到我需要的。我需要在某些滚动页面后禁用此脚本，假设页面滚动了 30%，此脚本已禁用。

我需要禁用此脚本的原因是，当页面滚动时，脚本中使用的某些滚动 div 会显示在其他一些 div 元素上，所以我需要在某些滚动后禁用脚本。

<script>
    $(window).load(function () {
        $(window).scroll(function () {
            if ($(window).scrollTop() > 60) {
                $('.additional').css('position', 'fixed');
                $('.additional').css('top', 70);
            } else {
                $('.additional').css('position', 'relative');
                $('.additional').css('top', 0);
            }
        });
    });
</script>

【问题讨论】：

我不会回答，因为你从不接受答案。

标签： javascript jquery html css

【解决方案1】：

我在this fiddle 中创建了一个具有虚拟结果的工作函数，因为您没有提供任何页面结构代码。

它使用$(window).scrollTop() 和$(document).height() 计算滚动百分比，然后使用 if/else 语句根据计算结果切换两个结果。

function moveScroller() {

    var move = function () {

        var calc = $(window).scrollTop() / $(document).height();

        if (calc > 0.3) {
            /*EG:*/ $('#content').css('backgroundColor', '#f00');
            /*$('.additional').css('position', 'fixed');
            $('.additional').css('top', 70);*/
        } else {
            /*EG:*/ $('#content').css('backgroundColor', '#f0f');
            /*$('.additional').css('position', 'relative');
            $('.additional').css('top', 0);*/
        }

    };
    $(window).scroll(move);
    move();
}

$(function () {
    moveScroller();
});

【讨论】：