پلاگین اسکرول نرم برای وب سایت Smooth Scroll به صورت جاوا اسکریپت
یکی از کارهایی که باعث زیبایی در مرور یک وب سایت توسط کاربران میتواند انجام شود , آرام یا نرم کردن اسکرول یک وب سایت هست .
اکثر مرورگر ها از جمله مرورگر معروف Google Chrome , در هنگام مرور یک وب سایت مخصوصا با Mouse Wheel ( اسکرول چرخنده ای که در وسط اکثر ماوس ها وجود دارد ) , حرکت اسکرول سایت را به صورت پله ای و بدون افکت خاصی انجام میدهند .
در این پست از سایت اسکریپت دات کام , پلاگین ساده و کم حجمی را به شما عزیزان معرفی خواهم کرد که با درج آن در وب سایت خود , از این پس اسکرول وب سایت شما به صورت نرم و با افکت آرام جالبی اسکرول میشود که باعث جذابیت و زیبایی بیشتر در وب سایت میشود
برای این کار کافیست ابتدا فایل پلاگین Smooth Scroll را از اینجا دانلود و سپس فایل Smooth-Scroll.js که در درون آن قرار دارد را در هاست خود آپلود نمایید .
حل میبایست توسط تگ زیر که باید در فایل html خود قرار دهید , فایل بالا رو به سایت خود اضافه نمایید .
<script src="آدرس فایل جاوا اسکریپت که درون هاست قرار دارد"></script> قرار داشته باشد js به عنوان مثال اگر در پوشه ای به نام <script src="js/smooth-scroll.js"></script>
نکته : شما میتوانید این فایل را با یک نرم افزار ویرایشگر متن مانند Nothpad باز نموده و در خط اول آن تنظیماتی از جمله frameRate , animationTime , stepSize و … را به دلخواه خود تغییر دهید
پخش اختصاصی
آموزش و گرداوری : وحید مجیدی
من از جوملا استفاده میکنم فایل را آپلود کردم، کد را هم نوشتم ولی عمل نمیکنه مشکل از کجاس؟
سلام یه سوالی داشتم.
من زیاد وارد نیستم این فایل js رو تو هاست تو کدوم فولدر باید آپلود کنم و این که نام فایل جاوا اسکریپت دقیقا کدوم میشه؟
داخل پوشه اصلی سایتت فایل را آپلود کن و تو فایل html بنویس
دمت گرم
عالی بود