-
August 24th, 2013, 01:32
#1
مشکل با ساخت منو ثابت بالا سایت
سلام دوستان

من یه دایو ثابت میخوام بالا سایت داشته باشم اما وقتی positin:fixed میشه که بالا ثابت بمونه یه مقدار از محتوا میره زیره این دایو و چون محتوای هدر متغییر خواهد بود نمیشه برای محتوا از margin-top استفاده کرد لطفا راهنمایی کنید !
این لینک فایل فعلی لطفا دانلود کنید ، تغیرات را اعمال کنید و تست کنید ممنون
Untitled Document
-
-
August 24th, 2013 01:32
# ADS
-
August 24th, 2013, 01:43
#2
عضو انجمن
پاسخ : مشکل با ساخت منو ثابت بالا سایت

نوشته اصلی توسط
alu75
سلام دوستان
من یه دایو ثابت میخوام بالا سایت داشته باشم اما وقتی positin:fixed میشه که بالا ثابت بمونه یه مقدار از محتوا میره زیره این دایو و چون محتوای هدر متغییر خواهد بود نمیشه برای محتوا از margin-top استفاده کرد لطفا راهنمایی کنید !
این لینک فایل فعلی لطفا دانلود کنید ، تغیرات را اعمال کنید و تست کنید ممنون
Untitled Document
از Display:block; استفاده کنید.
-
-
August 24th, 2013, 01:48
#3
پاسخ : مشکل با ساخت منو ثابت بالا سایت

نوشته اصلی توسط
Taryan4
از Display:block; استفاده کنید.
عزیزم خیلی منمون که جواب دادی ولی لطفا یکم توضیح بده ! نه برای این باری هر پاسخی !
من توی کلاس fixed و body تست کردم ولی هیچ کدوم جواب نداد ، لطفا خودتون تست کنید ! و بیشتر توضیح بدید ،
ممنون
-
-
August 24th, 2013, 02:20
#4
عضو انجمن
پاسخ : مشکل با ساخت منو ثابت بالا سایت
از درو تا div استفاده کنید برای هدر و متن اصلی. سعی کنید css در بالای هد یا در فایل css استفاده کنید که شلوغ نشه.
-
-
August 24th, 2013, 02:26
#5
پاسخ : مشکل با ساخت منو ثابت بالا سایت

نوشته اصلی توسط
Taryan4
از درو تا div استفاده کنید برای هدر و متن اصلی. سعی کنید css در بالای هد یا در فایل css استفاده کنید که شلوغ نشه.
اما منظورتون را در باره ی " درو تا div استفاده کنید " نفهمیدم !
این فایل تست هستش ، من معمولا جدا مینویسم !
-
-
August 25th, 2013, 01:54
#6
پاسخ : مشکل با ساخت منو ثابت بالا سایت
اینم راه حل !
تشکــــــــــــــــــــــ ـــــــــــــــــــــــــ ــــــــر یادتون نره !
<script>
window.setInterval('head()',1);
function head()
{
if(window.scrollY > 1)
{
document.getElementById('body').style.margin="0";
document.getElementById('header').style.position=" fixed";
}
if(window.scrollY<1)
{
document.getElementById('header').style.position=" inherit";
document.getElementById('body').style.margin="";
}
}
</script>
-