scroll-target-align-001.html (983B)
1 <!DOCTYPE html> 2 <html> 3 <title>#target and snap position with snapping off (y-axis)</title> 4 <link rel='author' title='Elika J. Etemad' href='http://fantasai.inkedblade.net/contact'> 5 <link rel='help' href='https://www.w3.org/TR/css-scroll-snap-1/#choosing'> 6 <link rel='match' href='scroll-target-001-ref.html'> 7 <meta name="flags" content="may"> 8 <meta name='assert' 9 content="Test passes if scroll snapping is honored 10 on a scroll container with 'scroll-snap-type: none' 11 when navigating to an element with the target fragment ID."> 12 13 <style type='text/css'> 14 iframe { 15 border: solid blue 4px; 16 height: 80px; 17 width: calc(100% - 8px); 18 } 19 </style> 20 21 <div id='instructions'>Test passes if there is a green stripe across the second quarter of the box below and no red.</div> 22 23 <iframe class="container" src="support/scroll-target-align-001-iframe.html#target">This UA doesn't support iframes; please request a custom version of this test!</iframe>