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

Question

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

http://independentsweek.co.uk

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

是否有一种我没有偶然发现的已知方法，它可以平滑滚动页面，同时仍然保持视差项视差？

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

谢谢。

Answer 1

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

我目前使用的代码是:

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

希望有人觉得这有帮助!