CTRL-F（查找）连同 FULLPAGE.JS 的 LAZYLOAD 功能答案

【问题标题】：CTRL-F (FIND) together with LAZYLOAD feature of FULLPAGE.JSCTRL-F（查找）连同 FULLPAGE.JS 的 LAZYLOAD 功能
【发布时间】：2016-02-17 08:57:33
【问题描述】：

关于整页插件的问题：http://alvarotrigo.com/fullPage/

如果你在你的网站上使用这个 Jquery 插件，Fullpage.js 会创建一个整页滚动的网站设计。如果您愿意，您可以使用属性“data-src”而不是“src”将图像标签添加到该网站，这将延迟加载图像（它们仅在您滚动到它们时显示）。这很有效，但是当您在页面上进行搜索时（CTRL-F）就不行了。在这种情况下，它会跳转到页面上的正确部分和正确的单词，如果这是一个带有图像的页面，这些图像将不会显示。毫无疑问会有解决方案，但有人知道解决方案吗？

【问题讨论】：

如果你使用 fullpage 进行滚动，使用lazysizes 进行延迟加载，它应该可以工作，(github.com/aFarkas/lazysizes)。但是你需要配置惰性大小来获取不同的属性。例如data-original 而不是data-src 否则有可能整页会干扰惰性大小。（最好有一个停止整页延迟加载的选项）。用于更改选项：github.com/aFarkas/lazysizes#js-api---options
我将对此进行测试。您确定它可以与 CTRL-F 一起使用吗？因为这是 Fullpage.js 中的一个问题。
谢谢你，Alexander Farkas，它有效。如果你愿意，你可以添加你的评论作为答案，我会将他标记为我的正确答案。你说得对，最好让Fullpage停止延迟加载，因为我也看到只有一些图像没有延迟加载，但其他图像完美加载延迟并且它可以与CTRL-F一起使用，很好的解决方案！
但是Farkas先生的懒加载库做得很好。
@Alvaro 但是lazysizes 不是任何其他的lazyloader。 github.com/aFarkas/lazysizes/#what-makes-lazysizes-so-awesome

标签： image scroll find fullpage.js lazy-loading

【解决方案1】：

无疑会有解决方案，

不是真的。

有an open issue in fullpage.js issues forum，目前还没有找到解决办法。

唯一的解决方案是使用 fullpage.js 选项 scrollBar:true 或 autoScrolling:false。这将在网站上创建一个正常的滚动条。

【讨论】：

当然有帮助，但这对我来说不是解决方案。我选择 Fullpage.js 是因为它非常独特，可以在所有设备上显示固定顶部菜单，包括旧的 iOS 设备，即使您滚动内容时也是如此。选项 scrollBar:true 破坏了 Fullpage.js 的优秀特性。因为这不仅仅是一个整页问题，也许一个非整页用户知道所有关于检测哪些图像在视口中/被查看，并以这种方式触发 Lazyload，有解决这种情况的方法！
问题在于 Lazyload 不起作用，因为使用 Fullpage 时，CRTL-F 上的浏览器无法识别滚动位置。我描述的对吗？
在我原始问题下方的 cmets 中找到的解决方案。 Lazysizes 与 Fullpage 和 CTRL-F（查找）一起使用。给你的问题：如何用 Lazysizes 替换整页 Lazyload？