我试图创建一个包含大量图片的横向网页，并且我已经检查了一些水平滚动条。
所有这些都是基于很长的DIV，当你移动下面的滚动条时，它会改变＆＃34; left＆＃34;长DIV的位置。
但是我发现了ThisLife网站，它有一个非常快速且流畅的水平滚动条，它使用transform3d来改变＆＃34;位置＆＃34; div中的所有元素，即使在DIV中有超过100.000个图像元素，它也非常快。
他们是如何做到的？
我想知道它是如何完成的，一个非常非常长的DIV（500,000像素长！），有数十万个元素，移动得如此之快和流畅。所有这些元素正在改变＆＃34; transform3d＆＃34;滚动条移动时实时定位
这是一个视频，可以看到CSS属性如何变化，也许可以理解它。 https://vimeo.com/100597987
所以，我正在寻找的是一种HTML / Javascript（jQuery）方式来完成DIV的水平滚动条，其中数千个元素移动流动，作为示例，因为其他解决方案（只是移动＆＃ 34;左和＃34;长DIV的位置很慢，内部有数千个DOM元素。）
我认为transform3d是一个解决方案，但我不知道如何完成。
答案 0 :(得分：0)
是的，我认为翻译3d是一个很好的解决方案。我之前在AngularJS和css转换3d中制作了一个简单的滑块。这里，
您可以将其删除，只需了解我如何创建它的核心理念，您就可以将其应用到网页上。
答案 1 :(得分：0)
尝试使用本机浏览器滚动滚动 - 因为我知道它是硬件加速的。如果您需要原生浏览器滚动，则可以尝试通过scroll事件使用原生滚动的jQuery Scrollbar。但是你必须禁用滚动惯性，因为它不会生成scroll事件。