راست چین کردن فایل isotope

ترازبندی افقی و عمودی فایل isotope، راست چین فایل isotope، قالب های html، راست چین

  5 امتیاز، بر اساس 1 رای

ترازبندی افقی originLeft

در هنگام کار با قالب های html احتمالا متوجه تغییر چیدمان محصولات و یا پروژه ها در نسخه فارسی در مقایسه با نسخه اصلی سایت شده اید که از راست چیدمان شده اند. برای مدیریت چیدمان بخش isotope در اکثر پروژه ها از فایلی با نام isotope.js یا jquery.isotope.min.js استفاده شده است. برای راست چین کردن باید originLeft: false یا originTop: false را داخل متد isotope قرار دهید.

من یک مثال میزارم که متوجه قرارگیری این آپشن شوید :

$modelisotop.isotope({

    isOriginLeft: false,                               

    filter: selector,

     animationOptions: {

          duration: 1000,

          easing: 'linear',

          queue: false,

      }   

  ;{(

با originLeft می توانید ترازبندی افقی را کنترل کنید که مقدار Boolean می گیرد.

originLeft: false یا originLeft: !1

برای طرح بندی های راست به چپ می باشد.

OriginalLeft قبلا isOriginLeft در نسخه Isotope v2 بود. isOriginLeft همچنان در Isotope v3 کار خواهد کرد.

ترازبندی افقی

ترازبندی عمودی originTop

جریان عمودی چیدمان را کنترل می کند. به‌طور پیش‌فرض، عناصر آیتم شروع به موقعیت‌یابی در بالا می‌کنند. برای چیدمان های پایین به بالا کافیست مقدار این ویژگی را روی false تنظیم کنید.

originTop: false یا originTop: !1

OriginalTop قبلا isOriginTop در نسخه Isotope v2 بود. isOriginTop همچنان در Isotope v3 کار خواهد کرد.

ترازبندی عمودی

در لینک زیر نیز میتوانید سایر ویژگی های این پلاگین قوی جاوا اسکریپت را مشاهده و در پروژه های خود استفاده کنید: 

https://isotope.metafizzy.co/options.html

نظر خود را برای این مقاله ثبت کنید