رفتن به مطلب

آموزش ساخت منو و محتوای اسکرول دار


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

وقت همگی بخیر باشه

دو نوع آموزش رو نتونستم پیدا کنم:

1-من گاهی دیدم منوی برخی سایت ها به صورت اسکرول است.  چطور با المنتور این کار را انجام دهم؟ 

screenshot_20211209_160113_com.huawei.br

2-برخی سایت های وردپرسی را دیدم که در محتوای صفحه و سکشن ها، قسمتی از محتوا نمایش داده میشه و بقیه به صورت اسکرول تنها درون همان سکشن بالا و پایین میشوند (صفحه ی سایت و نمایش، تکون نمیخورد). این یکی دیگر از آموزشاتی بود که دنبالش هستم که لطف میکنید راهنماییم کنید!!

 

3- همانند مورد دو، برخی محتوا هم هستند که بخشی از آن نمایش داده می شود و همراه با یک هایلایت + یک دکمه ی نمایش بیشتر، نمایش داده می شوند  زمانیکه روی دکمه نمایش بیشتر کلیک میکنیم، محتوا کامل باز می شود.  لطفا راهنمایی کنید

 

با تشکر

ویرایش شده توسط mahdi6
مشکل در آپلود تصویر
لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

  • مدیر انجمن

درود؛

این کار به راحتی روی هر المنت از سایت قابل انجام هست. فقط باید از دستور Overflow و Max-height استفاده کنید. با دستور max-height حداکثر ارتفاع یک محدوده رو تعیین کنید و با overflow و مقدار auto کاری کنید که همین طرح رو بتونید پیاده سازی کنید.

برای مثال این طرح نمونه رو براتون ساختم:

  • لینک ها تنها برای اعضای سایت قابل نمایش است.

برای اون مورد آخر هم باید جاوا اسکریپت استفاده کنید که آموزشش توی این لینک بطور کامل هست: (کد خاصی هم نیست و به راحتی قابل انجامه)

  • لینک ها تنها برای اعضای سایت قابل نمایش است.
  • لینک ها تنها برای اعضای سایت قابل نمایش است.
  • Thanks 1
لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

مهمان
این موضوع برای عدم ارسال قفل گردیده است.
×
×
  • اضافه کردن...