jquery懒加载、回到顶部

一、问答

1. 如何判断一个元素是否出现在窗口可视范围（浏览器的上边缘和下边缘之间，肉眼可视）。写一个函数 isVisible实现

 $(document).ready(function(){
            function isVisible($node){
                var winHeight = $(window).height(),
                    winScrollTop = $(window).scrollTop(),
                    offsetTop = $node.offset().top;
                if(offsetTop<winHeight+winScrollTop){
                    return  true;
                    console.log('说明你就可以看见啦')
                }
            }
        })

2. 当窗口滚动时，判断一个元素是不是出现在窗口可视范围。每次出现都在控制台打印 true 。用代码实现

JSBIN

3.当窗口滚动时，判断一个元素是不是出现在窗口可视范围。在元素第一次出现时在控制台打印 true，以后再次出现不做任何处理。用代码实现

JSBIN

4.图片懒加载的原理是什么？

• 为了优化用户体验，对用户未需求的图片不进行加载而用非常小的图片予以占位，当用户进入图片可视范围再予以加载；

二、代码

1. 预览

2. 预览

3. 预览