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

باکس متحرک

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


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

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

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

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


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

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


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

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


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

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


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

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

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

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


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

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

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