• اطلاعیه ها

    • Morteza

      باهم بسازیم: اطلس ووکامرس و وردپرس   14/07/96

      تاپیک ایجاد شده برای بحث در جهت ایجاد یک منبع، ویکی، صفحات توضیحی و یا بخش آموزشی جامع برای وردپرس و متعلقات مختلف آن است. لطفا جهت مشارکت در این بحث، ارائه پیشنهاد و یا انتقاد به تاپیک فوق مراجعه کنید. باهم بسازیم: اطلس ووکامرس و وردپرس
iran

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

9 پست در این موضوع قرار دارد

سلام

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

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

0

به اشتراک گذاری این پست


لینک به پست

[sharedmedia=tutorials:tutorials:292]

[sharedmedia=tutorials:tutorials:270]

9

به اشتراک گذاری این پست


لینک به پست

سلام

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

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

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

0

به اشتراک گذاری این پست


لینک به پست

ببینید شما تنها باید خاصیت 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;
}

2

به اشتراک گذاری این پست


لینک به پست

ببینید شما تنها باید خاصیت 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;
}

سلام

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

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

0

به اشتراک گذاری این پست


لینک به پست

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

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

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

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

9

به اشتراک گذاری این پست


لینک به پست

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

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

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

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

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

<div id="1">

</div>

< br />

<div id="2">

</div>

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

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

1

به اشتراک گذاری این پست


لینک به پست

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

<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/

0

به اشتراک گذاری این پست


لینک به پست

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

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

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

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

با تشکر

0

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری