در حال بارگیری پنل مدیریت...

    • نشانک ها
      آیکون نشانک ها بصورت شبکه ای
    • داشبورد شبکه ای
      شبکه کشویی داخل
    • محتوا
      فعالیت
      مخاطب
      گزارش ها
      اتوماسیون
      تنظیمات
    • اعلان ها
      شما 6 پیام خوانده نشده است
    • شخصی پستهای شما را لایک کرد

      2 ساعت قبل

    • 3 نظر جدید

      1 ساعت قبل

    • همه اعلان ها
    • ایمان پاکروح
      طراح سایت
    • پروفایل
    • صندوق پستی
    • میز کار
    • تنظیمات

آشکار کردن طومار

پنل ادمین
  2. رابط کاربری Perk
  3. انیمیشن
  4. مولفه های UI
پیمایش مثال آشکار
نحوه استفاده از Scroll Reveal (تنظیم گزینه ها با توجه به نیاز)
اضافه کردن .آشکار کردنکلاس به هر برچسب برای بایگانی انیمیشن مانند این
// عملکرد زیر مثالی از نحوه مقداردهی اولیه است
if (Modernizr.csstransforms3d){
window.sr = ScrollReveal ()؛
sr.real ("آشکار کردن" ، {
مدت زمان: 800
تأخیر: 400 ،
تنظیم مجدد: درست است ،
تسهیل: "خطی" ،
مقیاس: 1
})
}
گزینه های Reveal Settings را پیمایش کنید
// "پایین" ، "چپ" ، "بالا" ، "راست"
اصل و نسب:"پایین" ،
// می تواند هر فاصله CSS معتبری باشد ، به عنوان مثال
فاصله:'20 پیکسل' ،
// زمان بر حسب میلی ثانیه.
مدت زمان:500 ،تاخیر انداختن:0 ،
// شروع زاویه ها بر حسب درجه ، از این مقادیر به 0 در تمام محورها منتقل می شود.
چرخش: {x:0، y:0، z:0} ،
// شروع مقدار کدری ، قبل از انتقال به کدری محاسبه شده.
تیرگی:0،
// شروع مقیاس مقیاس ، از این مقدار به 1 تغییر خواهد کرد
مقیاس:0.9،
// CSS تخفیف معتبر CSS را به عنوان نمونه ، عنوان کنید
تسکین دهنده: "مکعب-میز (0.6 ، 0.2 ، 0.1 ، 1)" ،
// ظرف آشکارسازی آشکار است.
// گره DOM ، به عنوان مثال
// انتخاب کننده ، به عنوان مثال
تسکین دهنده: "مکعب-میز (0.6 ، 0.2 ، 0.1 ، 1)" ،
// درست / نادرست برای کنترل نمایش انیمیشن ها در تلفن همراه.
موبایل: درست است ،
// true: هر زمان که عناصر قابل مشاهده می شوند ، آشکار می شود
// false: با آشکار شدن عناصر ، آشکار می شود
تنظیم مجدد: نادرست ،
// "همیشه" - تأخیر برای همه انیمیشن های آشکار
// "یک بار" - تأخیر فقط در اولین باری که آشکار می شود رخ می دهد
// "onload" - تأخیر فقط برای انیمیشن هایی که با بارگذاری اول ایجاد می شوند
useDelay: "همیشه" ،
// وقتی عنصری در ویوپورت در نظر گرفته شود تغییر کنید.
// از 0.20 یعنی 20٪ از یک عنصر باید قابل مشاهده باشد تا آشکار شود.
viewFactor: 0.2 ،
// مقادیر Pixel که مرزهای ظرف را تغییر می دهد.
// به عنوان مثال.
// -
// کمک دیداری: https://scrollrevealjs.org/assets/viewoffset.png
viewOffset: {بالا: 0 ، راست: 0 ، پایین: 0 ، چپ: 0} ،
// تماس هایی که برای هر عنصر ایجاد شده روشن می شوند و دوباره تنظیم می شوند.
قبل از ظهور:تابع(domEl) {} ،
beforeReset:تابع(domEl) {} ،
// تماس هایی که برای هر عنصر تکمیل شده روشن می شوند و دوباره تنظیم می شوند.
afterReveal:تابع(domEl) {} ،
afterReset:تابع(domEl) {}