if-completely-visible
Syntax
if-completely-visible: selector [scope(selector)];
This conditional action will return true if the selector is completely visible on the screen. This conditional does not take into account overlaying elements.
Note: Since version 2.13.0 this now works on both the width (the x axis) and the height (the y axis). Earlier than this, it was only working on the height. If you are upgrading and this command no longer works as expected, use the newer if-completely-visible-y command, which acts exactly like the old version of this command.
selector = The selector you want to check. This can be any valid CSS selector that will return one result. If more than one result is gotten from the selector, the first one will be chosen.
scope = The container element that holds the boundaries of the element to check. If this is not specifed, the container will be the document itself.
For example, this will return true if the element #myDiv is fully visible on the screen, both horizontally and vertically.
@conditional myDivOnScreen {
if-completely-visible: #myDiv;
}When used on an event selector with no parameters in parentheses, it will default to checking "self". Eg. #myDiv:if-completely-visible: ...
Note: To check if an element is at least partially visible on the screen, see the "if-visible" conditional action.