Screen Record Parallax Elemente auf einer Webseite?

Ich versuche, die folgende Website für die Verwendung in unserem Portfolio zu screenen aufnehmen:Screen Record Parallax Elemente auf einer Webseite?

http://independentsweek.co.uk

Die Website schon einige Parallaxenelemente enthält, und ich bin ein JavaScript-Bookmarklet mit blättern Sie durch die Seite zu glätten. Das Problem besteht darin, dass die Parallaxelemente nicht parallaxen, da das Bookmarklet eine CSS-Transformation verwendet, um durch die Seite zu blättern.

Gibt es eine bekannte Methode, über die ich nicht gestolpert bin, die sowohl eine Seite glättet als auch die Parallax-Elemente parallaktisch hält?

Ich plane mit QuickTime, um meinen Bildschirm aufzuzeichnen, wie es natives MacOS ist.

Danke.

Quelle

2017-06-26 E.Owen

Warum nicht einfach eine gute alte Videoaufnahme verwenden? Und Sie können manuell scrollen –

@ JeremyThille menschliche Scrolling ist janky wie die Hölle! Wir möchten, dass das Scrolling glatt ist, ansonsten wird es irgendwie nicht gezeigt. –

Vielleicht können Sie ein wenig glatte Scroll-Code-Snippet verwenden: https://css-tricks.com/snippets/jquery/smooth-scrolling/ –

Anstatt ein Bookmarklet zu verwenden, das JS zum Ausführen einer CSS-Transformation injiziert, habe ich die scrollTop() - Funktion von jQuery verwendet, um zur ID meiner Fußzeile zu scrollen.

Der Code, den ich zur Zeit bin mit ist:

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

Hoffnung jemand dies hilfreich findet!

Quelle

2017-06-26 15:09:38

Screen Record Parallax Elemente auf einer Webseite?

Antwort

Verwandte Themen