سلام دوستان و اساتید گرامی
خسته نباشید...

من داشتم سایت طراحی میکردم که به یک مشکلی برخوردم...
میخواستم یک منو طراحی کنم که وقتی صفحه تا یه اندازه ای اسکرول شد اون منو در بالای صفحه ثابت بشه...

من کد جاوا اسکریپت رو توی سایت قرار دادم ولی فقط توی کروم اجرا میشه و داخل مرورگرهای دیگه اجرا نمیشه...

اینم آدرس : لینک سایت

کد هم به صورت زیر هستش :



<script type="text/javascript">
window.onscroll = function() {
var menu = document.getElementsByClassName('menu')[0];
if (document.body.scrollTop > 170) {
menu.style.position='fixed';
menu.style.width='100%';
menu.style.marginTop='-185px';
menu.style.height='80px';
} else {
menu.style.position='';
menu.style.width='';
menu.style.marginTop='';
menu.style.height='';
}
}
</script>