CSS scroll-snap で、移動先のID をURLに付加

CSS3で搭載された、scroll-snapでモバイルデバイスで画面スクロールはできたのですが、現状表示されている要素（section id=""とか）のidを、ページ内リンクした時と同様にURLに出すことはできるのでしょうか？
CSS
.container {
overflow: auto;
scroll-snap-type: y;
height: 100vh;
}

    .area {
        scroll-snap-align: start;
        height: 100vh;
    }

html(index.html とすると）
<div class="container">
<section class="area" id="p1">
<h1>scroll-snap-type: y</h1>
<p>1</p>
</section>
<section class="area" id="p2">
<h1>scroll-snap-type: y</h1>
<p>2</p>
</section>
<section class="area" id="p3">
<h1>scroll-snap-type: y</h1>
<p>3</p>
</section>
<section class="area" id="p4">
<h1>scroll-snap-type: y</h1>
<p>4</p>
</section>
<section class="area"> id="p5"
<h1>scroll-snap-type: y</h1>
<p>5</p>
</section>
</div>

この状態で、たとえばsection id="p3" にきたときには、 index.html#p3 というアドレスで直にアクセスできないかということです。やはり、なにかjsなどで工夫しないといけないでしょうか？
よろしくお願いいたします。

行動規範の内容に同意します

回答1件

アンカーの事？
これでindex.html#p3とかでその場所へ移動できるけど？

HTML
1<html lang="ja">
2<head>
3  <meta charset="UTF-8">
4</head>
5<body>
6<div class="container">
7	<section class="area" name="p1" id="p1">
8		<h1>scroll-snap-type: y</h1>
9		<p>1</p>
10	</section>
11	<section class="area" name="p2" id="p2">
12		<h1>scroll-snap-type: y</h1>
13		<p>2</p>
14	</section>
15	<section class="area" name="p3" id="p3">
16		<h1>scroll-snap-type: y</h1>
17		<p>3</p>
18	</section>
19	<section class="area" name="p4" id="p4">
20		<h1>scroll-snap-type: y</h1>
21		<p>4</p>
22	</section>
23	<section class="area" name="p5" id="p5">
24		<h1>scroll-snap-type: y</h1>
25		<p>5</p>
26	</section>
27</div>
28</body>
29</html>