<!DOCTYPE html>
<html>
<head>
<style>
:root{
scroll-behavior: smooth;
}
nav{
background-color: #fff;
box-shadow: 2px 5px 30px rgba(0,0,0,.1);
padding: 10px;
position: fixed;
top: 0;
left: 0;
height: 100%;
}
nav a{
background-color: #0697ee;
color: #fff;
padding: 5px;
font-family: tahoma;
font-size: 13px;
text-decoration: none;
display: block;
}
.my-box{
background-color:#f2f2f2;
padding:10px 10px 10px 120px;
font-family: tahoma;
font-size: 13px;
}
</style>
</head>
<body dir="rtl">
<nav>
<a href="#bakhsh-1">برو به بخش اول</a><br>
<a href="#bakhsh-2">برو به بخش دوم</a><br>
<a href="#bakhsh-3">برو به بخش سوم</a>
</nav>
<div class="my-box">
<h2 id="bakhsh-1">بخش اول</h2>
<p>سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .</p>
<p>سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .</p>
<p>سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .</p>
<p>سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .</p>
<p>سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .</p>
<h2 id="bakhsh-2">بخش دوم</h2>
<p>سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .</p>
<p>سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .</p>
<p>سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .</p>
<p>سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .</p>
<p>سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .</p>
<h2 id="bakhsh-3">بخش سوم</h2>
<p>سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .</p>
<p>سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .</p>
<p>سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .</p>
<p>سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .</p>
<p>سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .</p>
</div>
</body>
</html>