رفتن به مطلب

کد جی کوئری اندازه صفحه


پست های پیشنهاد شده

سلام میخواستم بدونم اگه بخواهیم فقط کد های جی کوئری در یک اندازه خاص از صفحه عمل کنند

و وقتی اندازه را کوچک یا بر روی موبایل سایت باز میشود دیگر آن استایلی

که ما با جی کوئری داده بودیم نباشد . من از کدهای ذیل استفاده کردم ولی کار نکرد .

jQuery("document").ready(function($){

	var di = $('.b5');
    $(window).resize(function()
	if ($(window).width > 1000){
		di.css('margin-left','200px');
	$(window).scroll(function () {
		
		if ($(this).scrollTop() > 170) {
			
		
			di.css('margin-left','200px');
		} else {
			
				di.css('margin-left','0px');


		}
	
		
	}
	});
});
});

 

لینک به ارسال

سلام. سه اشتباه توی کدتون هست.

یکی اینکه این مورد رو درست کنید:

if ($(window).width > 1000){
//bayad beshe in:
if ($(window).width() > 1000){

 

مورد دوم که خطایی ایجاد نمیکنه اما صفحه رو کند میکنه، این هست که اسکرول رو خارج از resize به window بایند کنید.

الان شما اومدی گفتی هر موقع پنجره ریسایز شد، یکبار هم این کدم رو به اسکرول پنجره بایند کن.

مورد سوم هم اینه که باید بگید اگر بزرگتر از 1000 بود این کار رو بگن و اگر کمتر بود این یکی کار رو، چون جاوا اسکریپت مثل css نیست که بفهمه و به حالت قبلی برگرده.

 

موفق باشید.

لینک به ارسال

 

jQuery("document").ready(function(){
	var di = $('.b5');
	if ($(window).width() > 1000){
		di.css('margin-left','200px');
	}
		
	$(window).scroll(function () {
	if($(this).width() > 1000 && $(this).scrollTop() > 170) {
			di.css('margin-left','200px');
		} else {
				di.css('margin-left','0px');

		}
	
	});
});

 

لینک به ارسال

سلام اساتید عزیز من کد رو گذاشتم و کار کرد ولی فقط یک اشکال داره اونم اینکه اگه ی کد تایمر باشه که وقتی کاربر اندازه صفحه رو کوچیک بزرگ میکنه کد جی کوئری سریع متوجه بشه چون الان من صفحه رو کوچیک میکنم خوبه ولی وقتی بزرگ میشه باید حتما ریفرش بزنم تا درست بشه . بازم ممنونم

لینک به ارسال
jQuery("document").ready(function($){

	var di = $('.b5');
    $(window).resize(function(){
      if ($(window).width() > 1000){
      	di.css('margin-left','200px');
      }
      else{
      	di.css('margin-left','0px');
      }
	});
  
  	$(window).scroll(function () {
		if ($(this).scrollTop() > 170) {
			di.css('margin-left','200px');
		} else {
			di.css('margin-left','0px');
		}
	});
});

 

نکته ای هم که توی کد شما هست اینه که قسمت اسکرول مشکلی نداره اما به نظرم اگر روی پوسته دارید کار می کنید ریسایز کردن المنت ها رو موقع تغییر سایز پنجره، با مدیا کوئری انجام بدید به جای جاوا اسکریپت.

 

موفق باشید.

لینک به ارسال

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

اگر برای کد دیگه ای می خواید اونو، می تونید از تابع setInterval برای اجرای یک کد توی بازه های زمانی مشخص یا تابع setTimeout برای اجرای یک کد برای یک بار بعد از یه بازه زمانی معین استفاده کنید. این توابع مربوط به جاوااسکریپتن نه جی کوئری ولی شاید معادل جی کوئری شون هم موجود باشه.

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...