اجرا ❯
بازگشت
به
آموزشگاه
×
Change Orientation
Save Code
Change Theme, Dark/Light
Go to Spaces
<!DOCTYPE html> <html dir="rtl"> <head> <style> div.sticky { position: sticky; top: 0; padding: 5px; background-color: #cae8ca; border: 2px solid #4CAF50; } </style> </head> <body> <p>سعی کنید کمی درون این فریم اسکرول کنید تا بفهمید که موقعیت دهی sticky چگونه کار می کند. </p> <div class="sticky">این یک عنصر چسبنده یا sticky است.</div> <div style="padding-bottom:2000px"> <p>در این مثال، عنصر چسبنده، وقتی که به موقعیت اسکرول خود برسد، به بالای صفحه (top: 0) می چسبد.</p> <p>به سمت بالا اسکرول کنید تا حالت چسبندگی حذف شود.</p> <p>همه جای ایران سرای من است. همه جای ایران سرای من است. همه جای ایران سرای من است. همه جای ایران سرای من است. همه جای ایران سرای من است. همه جای ایران سرای من است. همه جای ایران سرای من است. همه جای ایران سرای من است. همه جای ایران سرای من است. همه جای ایران سرای من است. همه جای ایران سرای من است. همه جای ایران سرای من است. همه جای ایران سرای من است. همه جای ایران سرای من است. همه جای ایران سرای من است. همه جای ایران سرای من است. همه جای ایران سرای من است. همه جای ایران سرای من است. همه جای ایران سرای من است. همه جای ایران سرای من است. همه جای ایران سرای من است. </p> </div> </body> </html>
