Question

我正在寻找创建一个径向条，当一个人滚动到它时，它会填充到设定的百分比，我目前正在使用WOW.js来处理我的滚动动画，如果我想用它来合并它会很棒。

编辑：

我希望在滚动到它时显示并设置百分比动画。 Fiddle

$(".dial").knob({
    readOnly: true,
    fgColor: "#00ABC6",
    bgColor: "#666666",
    thickness: 0.2
});

Answer 1

在knob声明之后尝试此操作：

$({percentage: 0}).animate({percentage: $(".dial").val()}, {
    duration: 1000,
    easing:'swing',
    step: function() 
    {
        $('.dial').val(Math.ceil(this.percentage)).trigger('change');
    }
});

<强> Demo

编辑：

来自你的评论：

$(function() {
    $('.page-scroll a').bind('click', function() { 
        var $anchor = $(this); 
        $('html, body').stop().animate({ 
                scrollTop: $($anchor.attr('href')).offset().top 
            }, 
            1500, 
            'easeInOutExpo',
            function () { //here is your callback on animation complete
                // here you include the code
            }
        ); 
        return false; // this does the same as event.preventDefault();
    });
});

滚动上的Jquery径向动画条

1 个答案: