نتیجه
امتحان کنید
<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> img.sticky { position: -webkit-sticky; position: sticky; top: 0; width: 200px; } p{ text-aligh:right; } </style> </head> <body> <h2>Sticky Image: برای دیدن جلوه به پایین اسکرول کنید </h2> <p>وقتی به موقعیا اسکرل رسیدید تصویر به صفحه ثابت می شود.</p> <img class="sticky" src="http://articles.tahlildadeh.com/image.axd?picture=image_6346.png" alt="مهندس مصطفایی"> <h2>Scroll Down</h2> <p>چند متن مثال ..</p> <p><b>برای اینکه موقعیت ثابت را ترک کرد دوباره به عقب اسکرول کنید</b></p><p>مهندس مصطفایی</p> <p 1. دانش آموخته دوره روزانه مقطع کارشناسی رشته مهندسی صنایع – تولید صنعتی از دانشگاه امام حسین(ع) با معدل 16.31 (تاریخ اتمام تحصیلات: بهمن 1385)2. دانش آموخته دوره روزانه مقطع کارشناسی ارشد مهندسی فناوری اطلاعات دانشگاه تربیت مدرس با معدل 18.76 (تاریخ دفاع از پایان نامه: شهریور 1395)• تدریس دوره آموزش جامع پایتون در آموزشگاه تخصصی تحلیل داده• تدریس دوره آموزشی جنگو در آموزشگاه تخصصی تحلیل داده• تدریس دوره آموزشی یادگیری ماشین و داده کاوی با پایتون در آموزشگاه تخصصی تحلیل داده• تدریس دوره تجزیه و تحلیل شی گرا (تحلیل و طراحی سیستم های نرم افزاری) با استفاده از UML در آموزشگاه تخصصی تحلیل داده p> </body> </html>
امتحان کنید