summaryrefslogtreecommitdiffstats
path: root/layout/reftests/css-scroll-snap/scroll-margin-on-anchor.html
blob: 9a86be407057ff01f8dd08a7e8b34d9271804d60 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<!--
 This reftest is a test case that scroll-margin value is properly handled when
 navigating an anchor node, id="target" in this case, so the content scrolls
 to the target element on loading.
-->
<style>
html,body {
  overflow: hidden;
  margin: 0px;
  padding: 0px;
}
.spacer {
  height: 2000px;
  width: 100%;
  padding: 0px;
  margin: 0px;
}
#target {
  background-color: blue;
  width: 100%;
  height: 100px;
  padding: 0px;
  margin: 0px;
  scroll-margin: 100px;
}
</style>
<div class="spacer"></div>
<div id="target"></div>
<div class="spacer"></div>