با دادن یک اختلاف زاویه ای میان محتوای سایت و تصویر پس زمینه body، با کمک یک سری کدهای CSS و javascript انجام میدهند.
طراحان وب سایت به طور مداوم در جست و جوی راه های جدیدی برای افزایش بازدید کنندگان سایت خود از طریق درگیر شدن آنها با تصاویر و قابلیتهای جذاب هستند.
طراحی وب سایت بر اساس parallax از جدیدترین موضوعات طراحی وب سایت در سال 2013 است، که بسیار رو به رشد است و در سراسر اینترنت به کاربر سطح جدیدی از تعامل مشاهده ی آنلاین را می دهد.
Parallax Scrolling چیست ؟
اصلاح parallax یا منظر اولین بار از اثر دیداری از بازی های رایانه ای 2D آمد که پس زمینه و پیش زمینه برای ایجاد توهم عمق در طول اجرای بازی سرعت متفاوتی داشتند.
از این خلاقیت در طراحی وب سایت با دادن یک اختلاف زاویه ای میان محتوای سایت و تصویر پس زمینه body، با کمک یک سری کدهای CSS و javascript انجام میدهند.
یکی از نمونه کارهای را میتوانید در سایت http://www.rowtothepole.com به زیبایی مشاهده کنید که با کمک کدهای CSS و javascript ، به گونه ای صفحه وب سایت layout شده است که گویی فاصله ای است بین تصویر پس زمینه body و محتوای داخل آن و وقتی scroll میکنیم، تصویر پیش زمینه با یک اختلافی از تصویر محتوای سایت scroll میشود.
مزایای parallax:
- افزایش زیبایی و تفاوت سایت
- بازدید کنندگان در صفحه عمق و انیمیشن احساس می کند
- با تحریک بازدید کننده آنها را تشویق میکند تا انتهای صفحه رفته و مطالب انتهایی سایت را هم ببنینند
- افزایش نو آوری و به روز بودن سایت
معایب parallax:
- با SEO سازگاری ندارد زیرا تنها یک مجموعه از اطلاعات تگ متا یا h1 … موثر می گیرند.
- بار لود صفحه افزایش میابد.
- به علت دیر لود شدن صفحه یک سری عکس ها دیر نمایش داده می شود و ممکن است باعث ناامیدی بازدید کننده و خروج از سایت بشود ، قبل از اینکه این تصاویر را ببیند.
- با Responsive روی موبایل سازگاری ندارد.
