راکت
علی جمالی
علی جمالی
5 سال پیش توسط علی جمالی مطرح شد
حل
5 پاسخ

باکس متحرک

سلام
من یک باکسی دارم و میخوام وقتی کاربر اسکرول کرد این باکس یک حرکتی از خودش نشون بده و حرکت کنه مثلا از راست بیاد به چپ
امیدوارم منظورمو خوب رسونده باشم


ثبت پرسش جدید
فرشید مرادی
فرشید مرادی
تخصص :noob
@eniack5 سال پیشمطرح شد
0

این یه نمونه کد برای چیزی که گفتید

 $(document).ready(function() {
            $(window).scroll(function() {
                if ($(this).scrollTop() === 100) { 
                    $("div").animate({left: '250px'});
                }
            });
        });

به این صورت هست که اگر صفحه شما 100 پیکسل اسکرول شد اون div مد نظرتون با انیمیشن حرکت کنه به سمت راست
حرکت انیمیشن


فرشید مرادی
فرشید مرادی
تخصص :noob
@eniack5 سال پیشمطرح شد
0

سلام ، شما اگر از jquery استفاده کنید کارتون خیلی راحت میشه چون دقیقا چیزی که لازم دارید رو داره ...


moha li
moha li
تخصص :توسعه دهنده لاراول و Vue
@mohaligateway5 سال پیشمطرح شد
0

سلام از hover.css می تونید استفاده کنید بدون جاوا اسکریپت. لینک
@ali09100772277


علی جمالی
علی جمالی
تخصص :برنامه نویس وب
@alijamali5 سال پیشمطرح شد
0

ممنون
فقط این چیزی که گفتم توی jquery اسمی داره یا نه @eniack


فرشید مرادی
فرشید مرادی
تخصص :noob
@eniack5 سال پیشمطرح شد
0

این یه نمونه کد برای چیزی که گفتید

 $(document).ready(function() {
            $(window).scroll(function() {
                if ($(this).scrollTop() === 100) { 
                    $("div").animate({left: '250px'});
                }
            });
        });

به این صورت هست که اگر صفحه شما 100 پیکسل اسکرول شد اون div مد نظرتون با انیمیشن حرکت کنه به سمت راست
حرکت انیمیشن


علی جمالی
علی جمالی
تخصص :برنامه نویس وب
@alijamali5 سال پیشمطرح شد

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام