设置为“无”后重新设置滚动捕捉类型无效

嗯,Chrome是一辆小车,但至少我们有一个解决办法:

新CSS:

        .item-carousel {
            scroll-snap-type: x mandatory;
        }

        .snap {
            scroll-snap-align: start;   
            scroll-snap-stop: always;
        }

新HTML:

<div class="item-carousel">
    <div class="item snap" >
        ...
    </div>
</div>

新JS:

$(".item").removeClass("snap");
$(".item-carousel").animate({
    scrollLeft : 1000,
}, {
    complete : function() {
        $(".item").addClass("snap");
    },
});

新的想法是,不要在容器上操作滚动捕捉类型属性,而是在包含的项上添加和删除“捕捉”类。不知何故,这是可行的。