You want to scroll an element with class menu to the center horizontally and bottom vertically. Which command is correct?

hard📝 Application Q8 of 15

Cypress - Element Interactions

You want to scroll an element with class menu to the center horizontally and bottom vertically. Which command is correct?

Acy.get('.menu').scrollTo('center bottom');

Bcy.get('.menu').scrollTo({left: 'center', top: 'bottom'});

Ccy.get('.menu').scrollTo('center', 'bottom');

Dcy.get('.menu').scrollTo('bottom center');

Step-by-Step Solution

Solution:

Step 1: Understand combined position syntax
scrollTo accepts a single string with vertical and horizontal positions separated by space, e.g., 'bottom center'.
Step 2: Evaluate options
cy.get('.menu').scrollTo('bottom center'); uses correct syntax 'bottom center'. cy.get('.menu').scrollTo('center bottom'); reverses order, cy.get('.menu').scrollTo('center', 'bottom'); passes two strings incorrectly, D uses invalid object keys.
Final Answer:
cy.get('.menu').scrollTo('bottom center'); -> Option D
Quick Check:
Use single string with vertical and horizontal positions [OK]

Quick Trick: Use one string with vertical and horizontal positions separated by space [OK]

Common Mistakes:

Master "Element Interactions" in Cypress

9 interactive learning modes - each teaches the same concept differently

Want More Practice?

15+ quiz questions · All difficulty levels · Free

More Cypress Quizzes