Question

我之前发布过，但没有得到它我需要的东西。我需要在某些滚动页面后禁用此脚本，假设页面滚动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>

Answer 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();
});

在某些滚动后禁用脚本

1 个答案: