Behat test browser does not scroll down to find element
<p>When I run my behat test, it opens Firefox as expected. However it does not find for example a button because it doesn't scroll down in the page.</p>

<p>But when I quickly zoom out in the browser enough by pressing ctrl+-, then I can see that behat suddenly does scroll down and find the button that it needs to press.</p>

<p>I don't know what's the cause to this problem. Anyone can give a direction?</p>

<p>The error message:</p>

<p>On line: </p>

<pre><code>And I press "Add to cart"
</code></pre>

<blockquote>
  <p>(Element is not clickable at point (407.6000061035156,
  15.699996948242188). Other element would receive the click: 
  Command duration or timeout: 86 milliseconds Build info: version:
  '2.51.0', revision: '1af067d', time: '2016-02-05 19:15:17' System
  info: host: 'LBNL03572', ip: '10.38.188.18', os.name: 'Windows 7',
  os.arch: 'x86', os.version: '6.1', java.version: '1.7.0_17' Session
  ID: 948e4f65-f1bc-492b-9c6d-07735d09b59f Driver info:
  org.openqa.selenium.firefox.FirefoxDriver Capabilities
  [{platform=WINDOWS, acceptSslCerts=true, javascriptEnabled=true,
  cssSelectorsEnabled=true, databaseEnabled=true, browserName=firefox,
  handlesAlerts=true, nativeEvents=false, webStorageEnabled=true,
  rotatable=false, locationContextEnabled=true,
  applicationCacheEnabled=true, takesScreenshot=true, version=44.0}])</p>
</blockquote>

<p><strong><em>Update:</em></strong></p>

<p>I think it's because on top of the page there is a menu bar with position absolute/fixed on top with a height of 35px. I think that in the "normal" state, it scrolls down but the button itself is under the menu bar. So it can't click it, actually it tries to click on the menu bar div. And by accident when I zoom out the button is clickable or something.
Can I force it to scroll more or something?</p>

<p><strong><em>Update 2:</em></strong></p>

<p>I now use the function shared on <a href="https://gist.github.com/MKorostoff/c94824a467ffa53f4fa9" rel="nofollow">https://gist.github.com/MKorostoff/c94824a467ffa53f4fa9</a></p>

<p>So before I press the button I scroll to it</p>

<pre><code>And I scroll "edit-submit" into view
And I press "Add to cart"
</code></pre>

<p>Now it works because it scrolls down until the button appears on the bottom of the page. I think by default behat uses a page down like scroll method. So when it scrolls, step by step, the button would be on top. 
But I don't consider this a good solution. Because this implies that every time I want to press a button I first need to add that scroll to line. There should be a way to automatically scroll correctly and take in to account the fixed positioned menu bar on top.</p>