gecko-dev/layout/reftests/css-scroll-snap/scroll-margin-on-anchor.html

30 строки
560 B
HTML

<!--
This reftest is a test case that scroll-margin 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,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>