مطلب

از کارهایی که باعث کاربر پسندی و زیبایی یک وبسایت می شود، اسکرول نرم و سبک وب سایت است.

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

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

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

password: emila.ir | Format: ZIP | Size: 2.5 KB | Direct Link

دانلود فایل کد Smooth Scroll

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

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

کد بالا یعنی:

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

نکته: 

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

 

دیدگاهتان را بنویسید

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