رفتن به مطلب

ساخت منوی چسبنده


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

سلام

من می خوام یه منوی چسبنده بسازم که بعد پایین آوردن اسکرول از قسمت منو ، منو بچسبه به سقف مرورگر و با اسکرول پایین بیاد

لطفا بگین که چگونه می تونم ایجاد کنم

لینک به ارسال

سلام

متاسفانه متوجه منظورم نشدین به عکس پیوست توجه فرمایید

http://upload7.ir/images/61227497940270283650.jpg

در ضمن تو انجمن آپلودش کجاس ؟

لینک به ارسال

ببینید شما تنها باید خاصیت fixed رو به css اضافه کنید

مثلا در این سایت امضاتون ، کافیه :


.top_link {
float: right;
font-size: 12px;
height: 41px;
padding: 0 8px 0 0;
width: 855px;
}

رو به این شکل تغییر بدید :


.top_link {
float: right;
font-size: 12px;
height: 41px;
padding: 0 8px 0 0;
position: fixed;
width: 855px;
}

لینک به ارسال

ببینید شما تنها باید خاصیت fixed رو به css اضافه کنید

مثلا در این سایت امضاتون ، کافیه :


.top_link {
float: right;
font-size: 12px;
height: 41px;
padding: 0 8px 0 0;
width: 855px;
}

رو به این شکل تغییر بدید :


.top_link {
float: right;
font-size: 12px;
height: 41px;
padding: 0 8px 0 0;
position: fixed;
width: 855px;
}

سلام

داداشم اینو می دونم

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

لینک به ارسال

این را هم ببینید

http://jsbin.com/upuxiv/2/

گوشه صفحه روی edit بزنید تا کدهای منو را بخونید

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

لینک به ارسال
  • 7 ماه بعد...

این را هم ببینید

http://jsbin.com/upuxiv/2/

گوشه صفحه روی edit بزنید تا کدهای منو را بخونید

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

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

<div id="1">

</div>

< br />

<div id="2">

</div>

کاری میکنیم که وقتی اسکرولبار به اندازه چند پیکسل اومد پائین پوزیشن دیو اولی فیکس میشه

واسه اینکه وقتی دیو اول به ابتدای دیو دوم رسید ، دیو دومی مخفی بشه باید چی کار کرد؟ یعنی چه شرطی باید گذاشت که دیسپلی دیو دوم نان بشه

لینک به ارسال
  • 2 ماه بعد...

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

<div id="1">

</div>

< br />

<div id="2">

</div>

کاری میکنیم که وقتی اسکرولبار به اندازه چند پیکسل اومد پائین پوزیشن دیو اولی فیکس میشه

واسه اینکه وقتی دیو اول به ابتدای دیو دوم رسید ، دیو دومی مخفی بشه باید چی کار کرد؟ یعنی چه شرطی باید گذاشت که دیسپلی دیو دوم نان بشه

http://www.directlyrics.com/code/lockfixed/demo.html

https://github.com/ymschaap/jquery-lockfixed#readme

http://www.sitepoint.com/10-jquery-sticky-scroll-plugins/

لینک به ارسال
  • 10 ماه بعد...

سلام من میخوام منوی Sticky به صورت اسلایدی نمایش داده بشه مثل سایت همیار وردپرس که با اسکرول کردن خیلی نرم نشون داده میشه!

این هم لینک منو :

https://jsfiddle.net/ncx3sv9m/10/embedded/result/

لطفا تغییرات لازم رو برام انجام بدید.

با تشکر

لینک به ارسال

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

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

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

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

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

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

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

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

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