GeezerVisonThe World Wide Web, restored to 800 pixels of glory. |
| Home|About|Gaming cabinet|Archives|How it works|Starter sites |
GeezerVison is showing github.com — animation queue not working · Issue #84 · Keyframes/jQuery.Keyframes Open DescriptionHi i am trying to achieve an animnation queue but it always only plays the second animation "VorhangAuf". here is my code: jQuery(document).ready(function($) { var headerHeight = $('#vorhangHeader .elementor-row').height(); var supportedFlag = $.keyframe.isSupported(); $.keyframe.define([{ name: 'VorhangZu', '0%': { 'min-height': headerHeight }, '100%': { 'min-height': '100vh' } }, { name: 'VorhangAuf', '0%': { 'min-height': '100vh' }, '100%': { 'min-height': headerHeight } }]); const vorhang = new Keyframes(document.getElementById('vorhangHeader').getElementsByClassName('elementor-container')[0]); vorhang.queue('VorhangZu 300ms cubic-bezier(.83,.03,.24,.65) 0s forwards', { onBeforeStart: () => { console.log('onBeforeStart 1'); }, onStart: () => { console.log('onStart 1'); }, onEnd: () => { console.log('onEnd 1'); } }) .queue('VorhangAuf 2s cubic-bezier(.33,.01,0,.99) 2s forwards', { onBeforeStart: () => { console.log('onBeforeStart 2'); }, onStart: () => { console.log('onStart 2'); }, onEnd: () => { console.log('onEnd 2'); } }); }); in console i get this error and the following logs: ActivityMetadataMetadataAssigneesLabelsNo labels TypeProjectsMilestoneRelationshipsDevelopmentIssue actions |
| You are visitor 01402503 — GeezerVison does not store the pages you look up. Best viewed with Netscape Navigator 4.7 or Internet Explorer 6 at 800×600. No cookies required. |