屏幕记录网页上的视差元素？

Screen Record Parallax elements on a webpage?

我正在尝试对以下网站进行屏幕录制以用于我们的投资组合：

http://independentsweek.co.uk

该网站包含相当多的视差元素，我正在使用 JavaScript 小书签来平滑滚动页面。问题是，因为小书签使用 css 变换来滚动页面，所以视差元素没有视差。

有没有一种我没有偶然发现的已知方法，它既能平滑滚动页面又能保持视差项目视差？

我计划使用 QuickTime 来录制我的屏幕，因为它是原生 macOS。

谢谢。

我没有使用将 JS 注入到 运行 一个 CSS 转换的 Bookmarklet，而是使用了 jQuery 的 scrollTop() 函数，滚动到我的页脚的 ID。

我目前使用的代码是：

javascript:jQuery('html,body').animate({scrollTop:jQuery("#mastfoot").offset().top},22000);

希望有人觉得这有用！