微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

isInView

程序名称:isInView

授权协议: MIT

操作系统: 跨平台

开发语言: JavaScript

isInView 介绍

isInView 插件可以告诉你视图中的元素是否在滚动的容器内,或者容器隐藏其溢出 - 并且以极快的速度执行它。

示例代码

var $scrollable = $( window ),
    $images = $( ".imageContainer img" )
        .width( 200 ).height( 100 ),            // see (*)

    loader = function () {        var loaded = [];
        $images
            .inViewport()                       // jQuery.isInView filter
            .each( function () { 
                this.src = $( this ).data( "url" );
                loaded.push( this );
            } );
        $images = $images.not( loaded );
    };

$scrollable.scroll( _.throttle( loader, 100 ) );loader();                                       // see (**)

isInView 官网

https://github.com/hashchange/jquery.isinview

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐