no-img
اِمیلاسلام کاربر مهمان. امروز چهارشنبه ۲۰ آذر ۱۳۹۸


ادامه مطلب

بروزرسانی؛
۰۹ آذر ۱۳۹۸
اسکرول نرم برای وب سایت وردپرسی با جاوا اسکریپت
امتیاز 5.00 ( 2 رای )
حمایت از emila.ir

اسکرول نرم برای وب سایت وردپرسی با جاوا اسکریپت

بروزرسانی؛ ۰۹ آذر ۱۳۹۸

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

مرورگر هایی از جمله گوگل کروم، هنگام مرور سایت مخصوصا با 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 و … را به دلخواه خود تغییر و سفارشی کنید.

 


موضوع : وب/ برچسب : , , / لینک کوتاه : https://emila.ir/?p=14502
designer