Using CSS transition with Applitools as an alternative to standard scrolling

Using CSS transition is a good method for pages with fixed position elements (i.e: fixed headers/floating bars), and prevents the page from capturing those elements in it's viewport while scrolling the screen in force-to fullscreen mode.  

Using standard scrolling in cases that involve fixed position elements can be problematic: the fixed position element will always appear in the viewport, which means that every "part" of the entire page will include that element, even though it should only appear at the top of the page, for example:




The following lines contain the syntax for different supported programming languages:

JavaScript:

eyes.setForceFullPageScreenshot(true);
eyes.setStitchMode(Eyes.StitchMode.CSS);

eyes.setForceFullPageScreenshot(true);
eyes.setStitchMode(StitchMode.CSS);

eyes.force_fullpage_screenshot = true
eyes.stitch_mode = :css

eyes.force_full_page_screenshot = True
eyes.stitch_mode = StitchMode.CSS​

eyes.ForceFullPageScreenshot = true
eyes.StitchMode=StitchModes.CSS