滚动时图像进入屏幕[关闭]答案

【问题标题】：Images comes in to the screen when scrolling [closed]滚动时图像进入屏幕[关闭]
【发布时间】：2013-05-19 14:15:32
【问题描述】：

有没有插件可以做到这一点？当您向下滚动时，图像将显示并从左侧或右侧滑动到中心。我已经搜索过，我找不到它。那么有人知道插件吗？

提前谢谢..

【问题讨论】：

标签： jquery image plugins scroll slide

【解决方案1】：

您似乎想要lazyLoad plugin 和effects 之类的东西。

看看这个FIDDLE。

我刚刚添加了一个自定义效果，就像您描述的那样，并将其绑定到 lazyLoad 初始化上的 effect 属性。

代码如下：

$(function(){
    $.fn.extend({
      slideInLeft: function() {
        return this.each(function() {
            $(this).show().css({opacity: 0, position: 'relative', left: "-200px"});
            $(this).animate({opacity: 1, left: 0}, 'slow');
        });
      }
    });

    $("img").show().lazyload({
        'effect': 'slideInLeft'
    });
});

【讨论】：

是的，这就是我的意思！伟大的！但是当您再次向上滚动时，图像会停留在同一个位置，但是当您再次向上滚动时，图像是否会再次向左移动？
@RidvanDuman 我不知道。在这种情况下，您必须在滚动时添加该逻辑。
感谢您的帮助，我将使用代码！
@RidvanDuman 很高兴为您提供帮助 :)
tympanus.net/Tutorials/LateralOnScrollSliding 看看这个项目，这是一些很酷的编码！想要实现这样的目标

【解决方案2】：

var SCROLLPOSITION = $(window).scrollTop();

$(window).scroll(function (){
     var scrollpos = $(window).scrollTop() + SCROLLPOSITION;
     scrollpos = Math.floor(scrollpos/3);
     $('#oke').css("left", scrollpos + 'px');  //divname of moving image
     SCROLLPOSITION = $(this).scrollTop();
});

顺便说一句，在 chrome 等中无法正常工作（因为它们在鼠标滚轮上跳过了多行）
-适用于 Firefox

已编辑（并在 js fiddle 上更新） http://jsfiddle.net/gQTAy/6/

现在可以使用

ok nvm...被误解的问题

【讨论】：

jsfiddle.net/gQTAy/1 我不让它工作。