Disabling animations

Hi there, is it possible to disable module background image/table etc. animations during scroll, so that they are just there (static)?

Thanks

The fastest way is just to remove this code from gk.script.js file

Code: Select all

document.getElements('.gkHorizontalSlideRightColumn').each(function(element, i) {
      elementsToAnimate.push(['animation', element, element.getPosition().y]);
   });
   
   document.getElements('.layered').each(function(element, i) {
      elementsToAnimate.push(['animation', element, element.getPosition().y]);
   });
   
   document.getElements('.gkPriceTableAnimated').each(function(element, i) {
      elementsToAnimate.push(['queue_anim', element, element.getPosition().y]);
   });


but of course there is also possibility to modify this suffix names in template CSS files and in code. Then you will keep the styling but script will not identify this elements as animated ones.

YEs, but can there also be a way to not have the background image anchored when the page is scrolled?

The fastest way is just to remove this code from gk.script.js file

Code: Select all

document.getElements('.gkHorizontalSlideRightColumn').each(function(element, i) {
      elementsToAnimate.push(['animation', element, element.getPosition().y]);
   });
   
   document.getElements('.layered').each(function(element, i) {
      elementsToAnimate.push(['animation', element, element.getPosition().y]);
   });
   
   document.getElements('.gkPriceTableAnimated').each(function(element, i) {
      elementsToAnimate.push(['queue_anim', element, element.getPosition().y]);
   });


but of course there is also possibility to modify this suffix names in template CSS files and in code. Then you will keep the styling but script will not identify this elements as animated ones.

You want to scroll the background like regular image ? It will be huge modification in gk.script.js but this demands to remove this whole 'parallax' effect.