如何不使用JavaScript方法，通过Symfony Panther滚动到指定元素？

方案1：利用交互操作的自动滚动特性 #

ChromeDriver本身会在执行元素交互操作（点击、输入等）前，自动将目标元素滚动到视口范围内。如果你滚动的目的是为了后续对元素做操作，完全不需要额外写滚动代码，直接操作元素即可：

<?php
// autoload here
$client = \Symfony\Component\Panther\Client::createChromeClient();
$crawler = $client->request('GET', '你的页面访问地址');

// 定位目标元素
$targetElement = $crawler->filter('#someElementId')->getElement(0);
// 执行点击操作前，驱动会自动滚动到元素位置
$targetElement->click();

方案2：使用原生WebDriver鼠标移动接口 #

如果不需要做元素交互，只是单纯需要滚动到目标元素位置，可以调用WebDriver封装的鼠标移动原生方法，全程不涉及自定义JS调用：

<?php
// autoload here
$client = \Symfony\Component\Panther\Client::createChromeClient();
$crawler = $client->request('GET', '你的页面访问地址');

$targetElement = $crawler->filter('#someElementId')->getElement(0);
// 直接移动鼠标到目标元素位置，触发页面滚动
$client->getMouse()->mouseMove($targetElement->getCoordinates());

如果需要调整滚动偏移量，比如避免元素被顶部固定导航遮挡，可以传入偏移参数：

// 向上偏移100像素
$client->getMouse()->mouseMove($targetElement->getCoordinates(), 0, -100);

内容的提问来源于stack exchange，提问作者Simeon Kolev