Selenium Java自动化：非<select>国旗下拉框JS滚动执行报错

First off, that SyntaxError when running your JS via Selenium is almost always a tiny typo or formatting hiccup—since it works in the browser console, the core logic is solid. Let’s walk through how to fix this and get your scrolling working reliably.

1. Fix the JavaScript Script Formatting for Selenium #

The most common culprit is unescaped quotes or incorrect line breaks when embedding your JS in Selenium code. For example, if your script uses single quotes inside, wrapping the entire script in single quotes in Selenium will break it.

Let’s say your working console script is:

document.querySelector('.dropdown-container').scrollTop = 500;

When passing this to Selenium (in Java, for example), you need to make sure the string is properly formatted. Instead of:

js.executeScript('document.querySelector('.dropdown-container').scrollTop = 500;');

Which will throw a syntax error, use double quotes for the outer string:

js.executeScript("document.querySelector('.dropdown-container').scrollTop = 500;");

Or escape the inner quotes:

js.executeScript('document.querySelector(\'.dropdown-container\').scrollTop = 500;');

2. Better Approach: Scroll Directly to the Target Element #

Instead of scrolling the container blindly, target the specific <li> element you want to click and scroll it into view. This is more reliable and avoids guessing scroll positions.

Using JavaScript Executor: #

Find your target element first (using whatever locator works—XPath, CSS selector), then pass it to the JS script:

WebElement targetCountry = driver.findElement(By.xpath("//li[text()='Ukraine']"));
JavascriptExecutor js = (JavascriptExecutor) driver;
js.executeScript("arguments[0].scrollIntoView({block: 'center', behavior: 'smooth'});", targetCountry);
// Wait a split second for scrolling to finish, then click
targetCountry.click();

The scrollIntoView method will automatically scroll the dropdown container enough to bring the element into view, no need to calculate scrollTop values.

Using Selenium Actions (Alternative): #

If JS feels clunky, you can try using Selenium’s Actions class to scroll to the element. This works well for some custom dropdowns:

WebElement targetCountry = driver.findElement(By.xpath("//li[text()='Ukraine']"));
Actions actions = new Actions(driver);
actions.moveToElement(targetCountry).perform();
targetCountry.click();

3. Make Sure the Dropdown is Fully Expanded First #

Don’t forget to trigger the dropdown to open before trying to scroll or find elements. If the dropdown is closed, your element list won’t be visible, and scrolling won’t work. Add a step to click the dropdown toggle first:

WebElement dropdownToggle = driver.findElement(By.cssSelector(".dropdown-toggle"));
dropdownToggle.click();
// Wait for the dropdown list to be visible
WebDriverWait wait = new WebDriverWait(driver, 10);
wait.until(ExpectedConditions.visibilityOfElementLocated(By.cssSelector(".dropdown-list")));

4. Debugging Tip: Print Your JS Script #

If you’re still getting syntax errors, print the exact JS string that’s being sent to Selenium. This will help you spot any unexpected characters or typos that aren’t obvious in your code. For example, in Java:

String jsScript = "document.querySelector('.dropdown-container').scrollTop = 500;";
System.out.println("Executing JS: " + jsScript);
js.executeScript(jsScript);

Copy this printed string into your browser console and run it—if it throws an error there, you know exactly what needs fixing.

Content of the question originates from Stack Exchange, question author Olena Huk