جهت ورود به تالار گفتمان سایت کلیک کنید


پلاگین اسکرول نرم برای وب سایت Smooth Scroll به صورت جاوا اسکریپت

یکی از کارهایی که باعث زیبایی در مرور یک وب سایت توسط کاربران میتواند انجام شود , آرام یا نرم کردن اسکرول یک وب سایت هست .

اکثر مرورگر ها از جمله مرورگر معروف Google Chrome , در هنگام مرور یک وب سایت مخصوصا با Mouse Wheel ( اسکرول چرخنده ای که در وسط اکثر ماوس ها وجود دارد ) , حرکت اسکرول سایت را به صورت پله ای و بدون افکت خاصی انجام میدهند .

در این پست از سایت اسکریپت دات کام , پلاگین ساده و کم حجمی را به شما عزیزان معرفی خواهم کرد که با درج آن در وب سایت خود , از این پس اسکرول وب سایت شما به صورت نرم و با افکت آرام جالبی اسکرول میشود که باعث جذابیت و زیبایی بیشتر در وب سایت میشود

پلاگین اسکرول نرم برای وب سایت Smooth Scroll به صورت جاوا اسکریپت

برای این کار کافیست ابتدا فایل پلاگین Smooth Scroll را از اینجا دانلود و سپس فایل Smooth-Scroll.js که در درون آن قرار دارد را در هاست خود آپلود نمایید .

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

<script src="آدرس فایل جاوا اسکریپت که درون هاست قرار دارد"></script>

 قرار داشته باشد js به عنوان مثال اگر در پوشه ای به نام 

<script src="js/smooth-scroll.js"></script>

نکته : شما میتوانید این فایل را با یک نرم افزار ویرایشگر متن مانند Nothpad باز نموده و در خط اول آن تنظیماتی از جمله frameRate , animationTime , stepSize و … را به دلخواه خود تغییر دهید

پخش اختصاصی

آموزش و گرداوری : وحید مجیدی

جهت تبادل گفتگو و حل مشکلات در باره این موضوع , کلیک کنید

4 پاسخ به “پلاگین اسکرول نرم برای وب سایت Smooth Scroll به صورت جاوا اسکریپت”

  1. علی گفت:

    من از جوملا استفاده میکنم فایل را آپلود کردم، کد را هم نوشتم ولی عمل نمیکنه مشکل از کجاس؟

  2. سجاد گفت:

    سلام یه سوالی داشتم.
    من زیاد وارد نیستم این فایل js رو تو هاست تو کدوم فولدر باید آپلود کنم و این که نام فایل جاوا اسکریپت دقیقا کدوم میشه؟

    • علی گفت:

      داخل پوشه اصلی سایتت فایل را آپلود کن و تو فایل html بنویس

  3. ynrg گفت:

    دمت گرم
    عالی بود

پاسخ دادن به سجاد لغو پاسخ

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