صفحه اصلی / css / کد جاوا اسکریپت گرفتن مقدار اسکرول صفحه

کد جاوا اسکریپت گرفتن مقدار اسکرول صفحه

کد جاوا اسکریپت گرفتن مقدار اسکرول صفحه

با سلام خدمت کاربران گرامی مجله اینترنتی شماسافت در این پست از مبحث توسعه و برنامه نویسی – جاوا اسکریپت قصد معرفی کدی را داریم که به وسیله ان می توانید مقدار اسکرول شده صفحه بدست اورید پس تا انتهای مطلب «کد جاوا اسکریپت گرفتن مقدار اسکرول صفحه » با ما همراه باشید.

کاربرد کد جاوا اسکریپت گرفتن مقدار اسکرول صفحه :

ممکن است شما سایت هایی را دیده باشید که هنگام اسکرول و پیمایش صفحه توسط کاربر یک نوار افقی به میزان اسکرول صفحه ترسیم میشود برای مثال وب سایت شماسافت با بازکردن این وب سایت و اسکرول صفحه یک نوار بنفش رنگ در بالای صفحه ترسیم و تکمیل میشود.

 

کد جاوا اسکریپت گرفتن مقدار اسکرول صفحه:

خوب برای اینکه بتوان چیزی مانند بالا را در وب سایت یا وبلاگ خودتان داشته باشید کافیست از تکه کد جاوا اسکریپت که در زیر امده است استفاده کنید.

در کد بالا یک فانکشن تعریف کردیم تا در هنگام اسکرول صفحه اجرا شود سپس در فانکشن مقدار اسکرول شده صفحه بدست می اوریم بعد از اینکه مقدار اسکرول صفحه بدست امد کافیست یک progress در صفحه html خود بگذارید تا به اندازه ای مقدار اسکرول شده مقدار ان پر شود برای این کار تکه کد زیر تعریف شده است.

برای اجرای صحیح این کد باید به تگ progress موجود در صفحه خود ای دی progress بدهید.

 

برای انکه کاربرد کد بالا را متوجه شوید می توانید مثال زیر را ببینید.

 

See the Pen scroll progress bar by s,mohamamd hosein abedy (@shomasoft) on CodePen.

 

ممنون از اینکه تا اخر این مطلب همراه ما بودید حتما نظرات و سوالات خود را در قسمت دیدگاه ها برای ما ارسال کنید.

 

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *