mirror of
https://github.com/servo/servo.git
synced 2025-06-23 08:34:42 +01:00
32 lines
No EOL
1 KiB
HTML
32 lines
No EOL
1 KiB
HTML
<!DOCTYPE html>
|
|
<html><head>
|
|
<title>CSSOM View - 6 - scrollIntoView tests</title>
|
|
<meta charset="utf-8">
|
|
<link href="mailto:pwx.frontend@gmail.com" rel="author" title="Chris Wu">
|
|
<link href="http://www.w3.org/TR/cssom-view/#dom-element-scrollintoview" rel="help">
|
|
<meta content="dom" name="flags">
|
|
<script src="/resources/testharness.js"></script>
|
|
<script src="/resources/testharnessreport.js"></script>
|
|
<style type="text/css">
|
|
#phitem{height: 2000px;}
|
|
#viewitem{width:300px;height:200px;margin:0 auto;background-color: lightgreen;}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div id="myDiv">
|
|
<div id="phitem"></div>
|
|
<div id="viewitem"></div>
|
|
</div>
|
|
<div id="log"></div>
|
|
<script>
|
|
var asytest = async_test('check scrollIntoView');
|
|
asytest.step(function(){
|
|
var viewitem = document.getElementById('viewitem');
|
|
viewitem.scrollIntoView();
|
|
assert_true(window.pageYOffset + window.innerHeight > viewitem.offsetTop, "The element isn't in the viewport")
|
|
})
|
|
asytest.done()
|
|
</script>
|
|
|
|
|
|
</body></html> |