قرار دادان اسکرول پارالاکس در اپلیکیشن
Warning: Trying to access array offset on value of type bool in /home/appsazir/public_html/wp-content/plugins/elementor-pro/modules/dynamic-tags/tags/post-featured-image.php on line 39
فهرست مطالب مقاله قرار دادان اسکرول پارالاکس در اپلیکیشن
اسکرول پارالاکس در وب یا صفحه موبایل، افکتی هست که درآن صفحه پس زمینه در هنگام اسکرول کردن، با سرعت متفاوتی از صفحه پیش زمینه حرکت می‌کند که حالت پیمایش ۳ بعدی را به وجود می‌آورد. در حالت عادی اسکرول کردن، تصویر پس زمینه نیز اسکرول می‌شود اما با استفاده از حالت پارالاکس، تصویر پس زمینه با اسکرول کردن صفحه ثابت می‌ماند و محتواهای پیش زمینه حرکت می‌کنند.
در این نوشته، آموزش قرار دادن اسکرول پارالاکس را برای ساخت اپلیکیشن در سیستم اپ‌ساز به شما آموزش می‌دهیم.
در قدم اول وارد پنل کاربری ساخت اپلیکیشن با آدرس http://make.appsaz.ir شوید.
در صفحه باز شده کد زیر را وارد کنید.
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body, html {
height: 100%;
}
.parallax {
/* The image used */
background-image: url('https://everydayinterviewtips.com/wp-content/uploads/2014/10/66082123-whitestorm-table-setting-restaurant.jpg');
/* Full height */
height: 100%;
/* Create the parallax scrolling effect */
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
</style>
</head>
<body>
<div class="parallax"></div>
<div style="height:400px;background-color:white;font-size:26px;direction:rtl;">
صفحه را به بالا و پایین اسکرول کنید تا با مفهوم اسکرول پارالاکس آشنا شوید.
</div>
<div class="parallax"></div>
</body>
</html>
خروجی صفحه بر روی اپلیکیشن موبایل
مقالات مرتبط
ساخت ربات تلگرام بدون هاست و سرور
ساخت ربات تلگرام بدون هاست و سرور با Telegram Serverless
آموزش کامل ساخت ربات تلگرام از صفر تا صد (۲۰۲۶)
صفر تا صد ساخت ربات تلگرام؛ از گرفتن توکن در BotFather تا کدنویسی با پایتون، اتصال به دیتابیس و خرید هاست مناسب. راهنمای عملی و قدم‌به‌قدم.
راهنمای کامل ساخت اپلیکیشن مشابه اسنپ فود | مراحل، امکانات و هزینه
بررسی سیر تا پیاز ساخت اپلیکیشن سفارش آنلاین غذا؛ معرفی ۳ پنل اصلی (کاربر، رستوران، پیک)، فناوری‌های مورد نیاز، تخمین هزینه و راهکارهای ورود به بازار.
تفاوت اپ استورهای داخلی و خارجی؛ بررسی امکانات، چالش‌ها و زیرساخت‌ها
گوشی‌های هوشمند بدون اپ استور، برنامه و بازی، عملاً بخش مهمی از کارایی خود را از دست می‌دهند. در این مقاله با اپ استورها بیشتر آشنا خواهیم شد
آموزش TestFlight | راهنمای گام‌به‌گام تست اپ iOS (۲۰۲۶) | اپ ساز
با این آموزش TestFlight، نحوه تست اپلیکیشن iOS خود با TestFlight را قبل از انتشار در اپ استور بیاموزید. + نکات کلیدی برای توسعه‌دهندگان.
