رفتن به مطلب

سایدبار چسبان


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

سلام

 

من میخوام سایدبارهام رو به صورت حرفه ای چسبان کنم جوری که وقتی سایدبار هنگام اسکرول به ابزارک آخر رسید متوقف شه، الان هم سایدبار هام رو چسبان کرده اما خب وقتی که به ابزارک دوم رسید متوقف میشه و اینجوری فرم خیلی ناجوری میگره و ممکنه خیلی از ابزارک هام اصلا دیده نشه.

سایت خودم ( البته باید ادامه مطالب رو نگاه کنید تا سایدبار چسبانو ببینید ) : http://poyeh.com

سایتی که میخوام سایدبارم مثل اون باشه : https://www.chetor.com

لطفا راهنمایی کنید.

ممنون

ویرایش شده توسط پویه
لینک به ارسال
در 7 ساعت قبل، pouria7777 گفته است :

سلام . از پلاگین های WP Sticky Sidebar یا Q2W3 Fixed Widget استفاده کن :)

سلام

ممنون از کمکتون از پلاگین Q2W3 Fixed Widget استفاده کردم و ابزارک های آخرم رو چسبان کردم، متشکر :wub:

ویرایش شده توسط پویه
لینک به ارسال
در 22 ساعت قبل، farsiwp.com گفته است :

سایتت اصلا بالا نمیاد

چرا؟ سایت واسه خودم که بالا میاد

میشه یه اسکرین بگیرین؟

لینک به ارسال
در در 9/19/2018 at 14:21، پویه گفته است :

سلام

 

من میخوام سایدبارهام رو به صورت حرفه ای چسبان کنم جوری که وقتی سایدبار هنگام اسکرول به ابزارک آخر رسید متوقف شه، الان هم سایدبار هام رو چسبان کرده اما خب وقتی که به ابزارک دوم رسید متوقف میشه و اینجوری فرم خیلی ناجوری میگره و ممکنه خیلی از ابزارک هام اصلا دیده نشه.

سایت خودم ( البته باید ادامه مطالب رو نگاه کنید تا سایدبار چسبانو ببینید ) : http://poyeh.com

سایتی که میخوام سایدبارم مثل اون باشه : https://www.chetor.com

لطفا راهنمایی کنید.

ممنون

سلام نمونه کد لینک زیر چیزیکه شما می خواید .

https://codepen.io/perminder-klair/pen/tdzue

و همچنین لینک زیر

https://www.jqueryscript.net/layout/Creating-A-Fixed-Position-Sidebar-With-jQuery-Sticky-Sidebar-Plugin.html

دو روش . هر کئوم راحتترید می تویند استفاده کنید

لینک به ارسال
در 55 دقیقه قبل، Mirrajabi گفته است :

سلام نمونه کد لینک زیر چیزیکه شما می خواید .

https://codepen.io/perminder-klair/pen/tdzue

 

سلام

ممنون ولی داخل این لینک سه تا کد html , css , js هست که نمیدونم باهاشون چیکار کنم؟ میشه راهنمایی کنید؟

لینک به ارسال

باید ی مقدار بلد باشید تا بتونید اون کلاس ها رو به ساید بار و باکس اصلی بدید و همچنین استایل و جی کوئری به قالبتون اضافه کنید .

لینک به ارسال
  • 2 سال بعد...
در در ۱۳۹۷/۶/۳۱ در 20:11، پویه گفته است :

سلام

ممنون ولی داخل این لینک سه تا کد html , css , js هست که نمیدونم باهاشون چیکار کنم؟ میشه راهنمایی کنید؟

خاصیت  position: sticky;  رو به آیدی یا کلاس آخر یا همون ابزارک آخرت اضافه کن !

لینک به ارسال
در 8 ساعت قبل، m.yari گفته است :

خاصیت  position: sticky;  رو به آیدی یا کلاس آخر یا همون ابزارک آخرت اضافه کن !

سلام،

این تایپیک مربوط به 2 سال پیش هست، لطفاً تایپیک های قدیمی رو بالا نیارید.

لینک به ارسال

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

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

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

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

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

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

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

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

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