Animation 滚动到时激发jquery动画

我正在使用一些jquery来设置条形图的动画，但是它在页面的下方足够远，用户需要滚动才能看到它

当用户滚动到其位置时，如何将其设置为动画

arrayOfDataMulti = new Array(
        [[936656,556247],'2005'],
        [[913318,453238],'2006'],
        [[921707,362327],'2007'],
        [[894496,376587],'2008'],
        [[738624,326656],'2009'],
        [[759379,311336],'2010'],
        [[746972,332962],'2011'],
        [[666210,295708],'2012'],
        [[568817,286204],'2013'],
        [[548247,315037],'2014']

    );  

arrayOfDataMultiForSort = new Array(
        [[936656,556247],'2005'],
        [[913318,453238],'2006'],
        [[921707,362327],'2007'],
        [[894496,376587],'2008'],
        [[738624,326656],'2009'],
        [[759379,311336],'2010'],
        [[746972,332962],'2011'],
        [[666210,295708],'2012'],
        [[568817,286204],'2013'],
        [[548247,315037],'2014']
    );  

arrayOfColors = new Array('#006446','#6ebd44');

$('#exampleMulti').jqbargraph({ data: arrayOfDataMulti, colors: arrayOfColors,legends: ['Scope 1 / Direct','Scope 2 / Indirect'],

图例：真}）

$（'#multiMulti'）。单击（函数（）{
$（'#exampleMulti'）.html（''）；
$（'#exampleMulti'）.jqbargraph（{数据：arrayOfDataMulti，颜色：arrayOfColors，类型：'multi'}）；
$（'#multiDyn'）.html（“，
键入：“multi'”）；
});
$（“#多重图例”）。单击（函数（）{
$（'#exampleMulti'）.html（''）；
$（'exampleMulti'）.jqbargraph（{数据：arrayOfDataMulti，颜色：ArrayOfColor，图例：true，图例：['ads'，'leads'，'google ads']}）；
$（'#multiDyn'）.html（“，
图例：['ads'，'leads'，'googleads']，
图例：true”）；
}); 
$（'#multiportdesc'）。单击（函数（）{
$（'#exampleMulti'）.html（''）；
$（'#exampleMulti'）.jqbargraph（{数据：arrayOfDataMultiForSort，颜色：arrayOfColors，排序：'desc'}）；
$（'#multiDyn'）.html（“，
排序：'desc'”）；
});
$（'#multiPrePost'）。单击（函数（）{
$（'#exampleMulti'）.html（''）；
$（'#exampleMulti'）.jqbargraph（{数据：arrayOfDataMulti，颜色：ArrayOfColor，前缀：'$'，后缀：'k'}）；
$（'#multiDyn'）.html（“，
前缀：'$，
后缀：'k'”）；
}); 
$（“#多HIDEVALUES”）。单击（函数（）{
$（'#exampleMulti'）.html（''）；
$（'#exampleMulti'）.jqbargraph（{数据：arrayOfDataMulti，颜色：ArrayOfColor，显示值：false}）；
$（'#multiDyn'）.html（“，
showValues:false”）；
}); 
$（“#multiNoAnimate”）。单击（函数（）{
$（'#exampleMulti'）.html（''）；
$（'#exampleMulti'）.jqbargraph（{数据：arrayOfDataMulti，颜色：arrayOfColors，动画：false}）；
$（'#multiDyn'）.html（“，
动画：false”）；
});         
$（'#multiClear'）。单击（函数（）{
$（'#exampleMulti'）.html（''）；
$（'#exampleMulti'）.jqbargraph（{数据：arrayOfDataMulti，颜色：ArrayOfColor}）；
$（'#multiDyn'）.html（“”）；
}); 

能满足您的需要吗

function isScrolledIntoView(elem)
{
    var $elem = $(elem);
    var $window = $(window);

    var docViewTop = $window.scrollTop();
    var docViewBottom = docViewTop + $window.height();

    var elemTop = $elem.offset().top;
    var elemBottom = elemTop + $elem.height();

    return ((elemBottom <= docViewBottom) && (elemTop >= docViewTop));
}

函数是crolledintoview（elem）
{
变量$elem=$（elem）；
变量$window=$（window）；
var docViewTop=$window.scrollTop（）；
var docViewBottom=docViewTop+$window.height（）；
var elemTop=$elem.offset（）.top；
var elemBottom=elemTop+$elem.height（）；
返回（（elemBottom=docViewTop））；
}

如果没有，那么该线程中还有其他一些不错的答案，包括jQuery的

$（）.appeage（）

函数。

是否可以满足您的需要

function isScrolledIntoView(elem)
{
    var $elem = $(elem);
    var $window = $(window);

    var docViewTop = $window.scrollTop();
    var docViewBottom = docViewTop + $window.height();

    var elemTop = $elem.offset().top;
    var elemBottom = elemTop + $elem.height();

    return ((elemBottom <= docViewBottom) && (elemTop >= docViewTop));
}

函数是crolledintoview（elem）
{
变量$elem=$（elem）；
变量$window=$（window）；
var docViewTop=$window.scrollTop（）；
var docViewBottom=docViewTop+$window.height（）；
var elemTop=$elem.offset（）.top；
var elemBottom=elemTop+$elem.height（）；
返回（（elemBottom=docViewTop））；
}

---

如果没有，那么该线程中还有其他一些不错的答案，包括jQuery的

$（）.appeage（）

函数。

非常感谢。这可能就是答案。我的问题是我不确定如何用我现有的jquery实现它。我假设我通过添加$（window）启动它。滚动（function（）{if（isScrolledIntoView（$（“#exampleMulti”））非常感谢。这可能就是答案。我的问题是我不确定如何用我现有的jquery实现它。我假设我通过添加$滚动（函数（）{if（isScrolledIntoView（$（'#exampleMulti'））