我想要实现的是基本上有一个代码可以根据当前查看的窗口部分进行变形（在页面中移动）。
场景： - 实际页面高度：2000px - 实际屏幕高度（个人电脑，笔记本电脑等）：800px - 1张600px的图像 - 3个div或虚拟框（只是为了证明我想做什么）
工作流
当您打开页面时，您会看到页面的第一部分，其中图像已加载到第一个div中。 我想要和需要实现的是滚动页面时，焦点将放在第二个div上（或者图像只是失焦 - 你再也看不到了）， 图像将移动（从第一个框中消失）并出现在第二个图像中，当前可见。
这个想法可能看起来很简单，但我并不精通Javascript。 理想情况下，答案应该包括加载Javascript而不是该图像的方法。
答案 0 :(得分：1)
使用单词焦点的方式可能会产生误导，因为焦点是在单击元素后发生的JS事件。您需要熟悉jQuery scroll event和scrollTop。这里是StackOverflow中类似的Thread，你可能想要阅读Jquery / Javascript find first visible element after scroll