chromium/third_party/blink/manual_tests/scrollbar-hittest.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
        "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
</head>
<body>
<p><b>BUG ID:</b> <a href="http://bugs.webkit.org/show_bug.cgi?id=5829">http://bugs.webkit.org/show_bug.cgi?id=5829</a> REGRESSION: cursor tracking and hit testing in scrollable block don't take borders into account</p>

<p id="test" style="background-color:skyblue; padding:3px;"><b>STEPS TO TEST:</b> <br>
1. Scroll down by clicking in the empty space below the scroll thumb.  <br>
2. Scroll up by clicking in the empty space above the scroll thumb.</p>

<p id="success" style="background-color:palegreen; padding:3px;"><b>TEST PASS:</b> 
Scroll thumb will move back up to the top.
</p>

<p id="failure" style="background-color:#FF3300; padding:3px;"><b>TEST FAIL:</b>  
Scroll thumb will NOT move back up to the top.
</p>

    <div style="overflow: auto; height:300px; width:50px; border-bottom: solid red 50px; border-top: solid green 20px;">
        <div style="height:400px;"></div>
    </div>
    
</body>
</html>