حذف یک شی در زمان اسکرول به پایین
- نویسنده موضوع haleh
- تاریخ شروع
-
- برچسبها
- حذف یک شی در زمان اسکرول به پایین
میتونید از متدهای جی کوئری استفاده کنید:
$(window).scroll(function() {
if ($(this).scrollTop() > 200) { //use `this`, not `document`
$('.fixedelement').css({
'display': 'none'
});
}
});
یا:
$(window).scroll(function() {
if ($(this).scrollTop() > 200) { //use `this`, not `document`
$('.fixedelement').css({
'display': 'none'
});
}
});
یا:
کد:
$(window).scroll(function(){
if($(document).scrollTop() > 200){//Here 200 may be not be exactly 200px
$('.fixedelement').hide();
}
});خیلی ممنون
امکان دارد مقداری بیشتر توضیح دهید کدها رو؟
من یه div دارم با کلاس phone که تو هدر هست حالا این کد رو چطور به این div یا کلاس اخصاص بدم تا کار بکنه؟
ببینید شما فرضاً یه div دارید با اسم phone. باید کدهای زیر رو داخل یه فایل با فرمت js بذارید و اون فایل رو در هدر پوسته تون فراخوانی کنید:
$(window).scroll(function() {
if ($(this).scrollTop()>50)
{
$('.phone').fadeOut();
}
else
{
$('.phone').fadeIn();
}
});
و بعد در قسمت html یا php پوسته تون، جایی که میخواید اون div باشه، این کدها رو بذارید:
$(window).scroll(function() {
if ($(this).scrollTop()>50)
{
$('.phone').fadeOut();
}
else
{
$('.phone').fadeIn();
}
});
و بعد در قسمت html یا php پوسته تون، جایی که میخواید اون div باشه، این کدها رو بذارید:
کد:
<div>
<div class="phone">
phone
</div>
</div>ممنون دوست عزیز
طبق گقته شما رفتم اما نشد.
عکس اتچ کردم ببینید.
عینن دستور شما رو گزاشتم اما عمل نمیکنه.!
You must be registered for see images attach
ممنون از راهنمایی های شما دوستان
اما متاسفانه جوابی دریافت نکردم. و نتیجه بخش نبود.
مطابق با دستور شما جلو رفتم.
دوست عزیزم.
من هنوز سایت رو منتقل نکردم به هاست و دارم رو لاکال کار میکنم.
اگر براتون مقدور هست آموزش گام به گامشو اینجا بزارید تا علاوه بر من٬ اگر شخص دیگری هم مشکل داشت بتونه کارشو انجام بده.
باز هم ممنونم بابت پاسخگوییتون.