اسکرول افقی

درسته همین رو می خواستم

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

متشکرم که وقت می ذارید

این و عینا برای کد شما ننوشتم !

شما میتونید با استفاده از اون دو مقدار هر کجا خواستین اسکرول افقی و عمودی رو نمایش یا مخفی کنید

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

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

اینو امتحان کردم چیزی نیس که من میخوام

ببینید میخوام اسکرول عمودی اصلا نباشه دایوها توی یک سطر قرار بگیرن.چیزی به نظرتون می رسه؟

.inside { width: 500px; overflow: auto; height: 300px; padding-right: 20px;
background-color:#98bf21;}
.outside { width: 500px; height: 300px; overflow-x:scroll; }

        <div class="inside">
            
        </div>
         <div class="inside" style="background-color:red">
            
        </div>
    </div>

این لینک و ببینین

نمونه

اگر هم باز اونی نبود که مد نظر شماست توضیح بیشتری بدین تا کدشو قرار بدم ( در ضمن بخش سوال رو به انجمن توسعه طراحی و توسعه تغییر بدین )

منظورتون اسلایدر افقی هست؟

 با دروود و احترام

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

ممنون از شما🙏

دو تا نمونه کد برای دایو های تو در تو

نمونه 1

نمونه 2

خوب تقریبا آره

بدون استفاده از دستورات جاوا

با سلام

با استفاده از دوتا کد زیر در CSS می تونید به دلخواه هر کدوم از اسکرولر ها رو که بخواین رو داشته باشین

overflow-y: hide;
overflow-x: auto;

آدرس نمونه

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