Question

我无法使这次运行一次，我不确定我做错了，因为之前我添加了滚动高度效果它运行正常。

$(window).scroll(function() {
    var y_scroll_pos = window.pageYOffset;
    var scroll_pos_test = 450;

 if(y_scroll_pos > scroll_pos_test) { 


 $('#coins').lazylinepainter( 
 {
    "svgData": pathObj,
    "strokeWidth": 4,
    "strokeColor": "#8E9CCD"
}).lazylinepainter('paint'); 

}

Answer 1

John Resig有一篇博客文章描述了如何正确处理多次触发的滚动事件：http://ejohn.org/blog/learning-from-twitter/

长话短说，你需要定期检查用户是否滚动并执行你的代码。您的代码应该看起来像这样（取自相同的博客文章）：

var outerPane = $details.find(".details-pane-outer"),
    didScroll = false;

$(window).scroll(function() {
    didScroll = true;
});

setInterval(function() {
    if ( didScroll ) {
        didScroll = false;
        // Check your page position and then
        // Load in more results
    }
}, 250);

Javascript运行时不止一次

1 个答案: