小编Jor*_*rge的帖子

我试图找到如何构建这个模式,使用平行正方形(每个正方形约3px)作为背景使用css(不使用图像背景和重复X轴)作为背景.我只能找到国际象棋模式,但事实并非如此.任何人都可以帮我解决这个挑战吗？真谢谢你!

我在谷歌搜索了几个小时如何在这里制作这个模式:

我有一个完美的简单 jQuery 代码（我想保留）。问题是这个动画在页面下面的一个部分中，它在页面加载时开始运行。我需要这个动画（数字从 0 开始并运行直到我放入 div 的数字）仅在用户滚动并到达该 div 时发生。我在谷歌和 StackOverflow 上搜索，但我发现的解决方案不起作用或需要插件（我不想使用）。

这是我目前拥有的演示代码：https : //jsfiddle.net/aj7Lk2bw/2/

jQuery 是：

    $('.value').each(function () {
    $(this).prop('Counter',0).animate({
        Counter: $(this).text()
    }, {
        duration: 4000,
        easing: 'swing',
        step: function (now) {
            $(this).text(Math.ceil(now));
        }
    });
});