summaryrefslogtreecommitdiffstats
path: root/layout/reftests/css-scroll-snap/scroll-padding-on-anchor.html
blob: 450a0cb0d7dc5416f7146521875030ea1f861317 (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
30
31
<!--
 This reftest is a test case that scroll-padding value is propery handled when
 navigating an anchor node, id="target" in this case, so the content scrolls
 to the target element on loading.
-->
<style>
html {
  overflow: hidden;
  scroll-padding: 100px;
}
body {
  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;
}
</style>
<div class="spacer"></div>
<div id="target"></div>
<div class="spacer"></div>