jquery knob animate on load section

我在网站上使用jquery.knob插件很容易实现。 我为它制作动画，一切正常，但是当我滚动到网页的特定部分时，我希望动画效果开始：例如，当我滚动到#about部分时。

任何人都知道这是否可行？

提前致谢

Answer 1

有几个jQuery-Plugins来检查元素是否滚动到视图中，例如jquery.inview 。

示例设置：

 
scroll down
 
start 

初始化旋钮并为动画编写一个函数。 只需将inview绑定到视口之外的元素，并且应该在视图中立即启动动画。

 $(function () { $('.dial').knob({ min: '0', max: '100', readOnly: true }); }); startKnob = function() { $('.dial').animate({ value: $('.dial').data('number') },{ duration: 950, easing: 'swing', progress: function () { $('.dial').val(Math.round(this.value)).trigger('change'); } }); } $('.startKnob').bind('inview', startKnob); 

这里的工作示例： 当特定元素在视图中时启动旋钮动画