fixed header

این تاپیک 8 پاسخ و 2 مشارکت کننده دارد . آخرین آپدیت توسط :  Saleh Katebi ،‏ 1 سال و 2 ماه پیش .

این تاپیک تاکنون 395 بازدید داشته است .

نویسنده پست
جمعه ، 18 سپتامبر 2015     9:18 ب.ظ #


Af.Sa.Ne

Subscriber
16 پست7 تاپیک

سلام

در پروژه با کدهای جی کوئری هدر قالب رو وقتی صفحه به اسکرول 250 پیکسلی میرسه به صورت ثابت درآوردم به طوری که با اسکرول صفحه هدر هم به پایین میاد.

حالا چطور میتونم در حالت ریسپانسیو و زمانی که عرض مرورگر به تبلت و موبایل میرسه این ثابت موندن هدر رو ازش بگیرم طوری که مثل حالت عادی بچسبه به بالای صفحه و پایین نیاد؟(چون ارتفاع هِدر زیاده و کار زشت میشه !)

میشه لطفا راهنمایی کنید چیکار کنم؟

0  تشکر
شنبه ، 19 سپتامبر 2015     2:51 ق.ظ #


Saleh Katebi

Subscriber
125 پست0 تاپیک

شما میتونید با جی کوری تعیین کنید تو چه رزلوشنی کدهای جی کوری اجرا بشن

1  تشکر
شنبه ، 19 سپتامبر 2015     2:59 ق.ظ #


Saleh Katebi

Subscriber
125 پست0 تاپیک


$(document).ready(function(){
$(window).resize(function() {
if ($(window).width() <= 320) {
// Leave empty
}
else {
// Rest of your jQuery code can go here
}
});
});

1  تشکر
دوشنبه ، 21 سپتامبر 2015     12:51 ب.ظ #


Af.Sa.Ne

Subscriber
16 پست7 تاپیک

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

من از این کدهآ استفاده کردم ولی نتیجه نگرفتم! (شاید هم در قسمت اشتباهی وارد کردم!)

کدهای خودم رو اینجا قرار میدم ممنون میشم بفرمایید دقیقا باید چیکار کنم؟

پیوست ها:
You must be logged in to view attached files.
0  تشکر
دوشنبه ، 21 سپتامبر 2015     1:59 ب.ظ #


Saleh Katebi

Subscriber
125 پست0 تاپیک

میشه کدتون رو کامل بدید که بهتر راهنماییتون کنم؟

الان نوشتید st>250 و نگفتید st.width شاید بخاطر این باشه. در هرصورت اگه لطف کنید و کدتون رو بدید ممنون میشم.

1  تشکر
دوشنبه ، 21 سپتامبر 2015     11:14 ب.ظ #


Af.Sa.Ne

Subscriber
16 پست7 تاپیک

آقای کاتبی من کدهام رو کامل گذاشتم. تا اینجا فقط تعیین کردم که اگر اسکرول صفحه (در هر دیوایسی) به 250 پیکسل رسید هدر ثابت شه و بچسبه به بالای صفحه..

قبلا عرض کردم که از کدهای شما استفاده کردم ولی چون نمیدونستم دقیقا کجای کدهای خودم باید قرار بدم درست نشد!

الان سناریو اینه که 1) هدر  با اسکرول ثابت بشه ( که میشه ) و

2)باید وقتی صفحه به عرض تبلت و موبایل میرسه به حالت پیش فرض خودش برگرده (یعنی با اسکرول پایین نیاد)

الان لطفا راهنمایی کنید چه کنم که به حالت 2 برسم؟

بازم تشکر میکنم بابت زمانی که میذارید :)

0  تشکر
یکشنبه ، 27 سپتامبر 2015     12:39 ب.ظ #


Saleh Katebi

Subscriber
125 پست0 تاپیک

عذرخواهی بخاطر تاخیر

پیوست ها:
You must be logged in to view attached files.
1  تشکر
یکشنبه ، 27 سپتامبر 2015     9:07 ب.ظ #


Af.Sa.Ne

Subscriber
16 پست7 تاپیک

خواهش میکنم اما آقای کاتبی درست نشد!!! :(

 

پیوست ها:
You must be logged in to view attached files.
0  تشکر
سه شنبه ، 29 سپتامبر 2015     12:01 ق.ظ #


Saleh Katebi

Subscriber
125 پست0 تاپیک

من این کدی که فرستادم امتحان کردم و کار میکرد. ممکنه ارتفاع سند شما بیشتر از 250 نباشه. یا داخل document.ready نذاشته باشید و یا حتی ارور جی اس داشته باشید. این موارد رو چک کنید. اگر از اینها نبود یه امکانی بدید من سایت شما رو ببینم.

باتشکر

1  تشکر
پست 1 تا 9 (از مجموع 9 پست)

برای پاسخ دادن به این تاپیک باید وارد سایت شوید .