Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/465.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 不推荐使用滚动链接效果，什么'；在现代浏览器中，什么是更好的选择？_Javascript_Html_Scroll - Fatal编程技术网
Fatal编程技术网
  • javascript/
  • Javascript 不推荐使用滚动链接效果，什么'；在现代浏览器中，什么是更好的选择？

Javascript 不推荐使用滚动链接效果，什么'；在现代浏览器中，什么是更好的选择？

javascript html scroll

Javascript 不推荐使用滚动链接效果，什么'；在现代浏览器中，什么是更好的选择？,javascript,html,scroll,Javascript,Html,Scroll,我目前正在维护一个旧的遗留项目，在那里我刚刚注意到来自浏览器的一条消息，关于滚动链接效果如何降低渲染性能 应用程序正在呈现一个大表单，底部有一个包含大量数据的滑块，该滑块将异步加载（并且只有当用户向下滚动时，才能进入其视图）。之后，它会创建很多DOM元素（很多是指100-300个典型的图形，每个图形都有一个图像、文本和一些属性），这些元素将添加到滑块中 所以我阅读了一些关于性能问题的文章，但我不知道最好的做法是什么。我既不能使用“粘性定位”也不能使用“滚动捕捉”的示例。另外，我不想以任何方式自定

我目前正在维护一个旧的遗留项目，在那里我刚刚注意到来自浏览器的一条消息，关于滚动链接效果如何降低渲染性能

应用程序正在呈现一个大表单，底部有一个包含大量数据的滑块，该滑块将异步加载（并且只有当用户向下滚动时，才能进入其视图）。之后，它会创建很多DOM元素（很多是指100-300个典型的图形，每个图形都有一个图像、文本和一些属性），这些元素将添加到滑块中

所以我阅读了一些关于性能问题的文章，但我不知道最好的做法是什么。我既不能使用“粘性定位”也不能使用“滚动捕捉”的示例。另外，我不想以任何方式自定义滚动。 此行为的目标是尽可能延迟加载大量数据（因为只有当用户向下滚动此页面时，他才真正需要此数据）

您可以帮助我如何利用这一点，在不丢失延迟加载功能的情况下优化应用程序的滚动性能吗？

您可以使用视口中可见的
检查元素的组合
+
requestAnimationframe


您可以使用视口中可见的
检查元素的组合
+
requestAnimationframe