我不确定你的WordPress站点，但以下内容适用于Cypress scrolling behaviour on get and relative positionning中引用的Material-UI站点

.scrollIntoView（）偏移量应为负值

it('make Elvis appear', () => {
  cy.viewport(750,480)
  cy.visit('https://mui.com/getting-started/templates/dashboard/');

  cy.contains('Elvis Presley').scrollIntoView({offset:{top: -100}})
})

使用本机滚动进入视图

it('make Elvis appear', () => {
  cy.viewport(750,480)
  cy.visit('https://mui.com/getting-started/templates/dashboard/');

  // https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoView
  cy.contains('Elvis Presley')
    .then($el => $el[0].scrollIntoView(false)) // scrolls $el to bottom
})

使标题透明

it('make Elvis appear', () => {
  cy.viewport(750,480)
  cy.visit('https://mui.com/getting-started/templates/dashboard/');

  cy.get('header').invoke('css', 'opacity', '0')
  cy.contains('Elvis Presley').scrollIntoView()
})

使用.scrollTo（）

此命令应用于滚动容器，而不是目标元素，因此定位可能不是每次都正确。

function getScrollParent(node) {
  if (node == null) return null;

  if (node.scrollHeight > node.clientHeight) {
    return node;
  } else {
    return getScrollParent(node.parentNode);
  }
}

it('make Elvis appear', () => {
  cy.viewport(750,480)
  cy.visit('https://mui.com/getting-started/templates/dashboard/');

  cy.contains('Elvis Presley')
    .then($el => {
      const scrollParent = getScrollParent($el[0])
      cy.wrap(scrollParent).scrollTo('center')
    })
})

实际上，在这个已经报告的here上有一个bug。Cypress Peeps修复了这个here。但是它需要合并。

通过get（）、contains（）、click（）上的网站顶部菜单隐藏元素的解决方案。
将以下内容添加到Cypress全局配置或测试配置。
从我的cypress.config.ts（缩小到焦点）：

import { defineConfig } from 'cypress'

export default defineConfig({

  e2e: {
    scrollBehavior: false
  }
})

然后使用cy.scrollTo（）、cy.scrollIntoView（）、动态等“手动”滚动
参考文献：

• Cypress配置：可诉性
• StackOverflow: Disable Cypress from automatic scrolling