میله لغزنده

من نمی دونم شما داری برنامه نویسی چی انجام میدی.
اما مثلا در react برای ساخته همچین چیزی میشه از swiper استفاده کرد.
برای مورد انتخاب شده هم activeIndex رو دریافت می کنیم.

طراحی قالب با css و html و javascript برای برنامه های pwa

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

@sherlockkh221

سلام css ی پراپرتی داره بنام

scroll-snap-type 

فک میکنم راست کارته نه جاوااسکریپت میخاد ن چیز دیگه صرفا css خیلیم ساده
این لینکو ببین
👇🏻
دمو

خودت باید بررسی کنی.
هیچ کدومش دقیقا راست کار تو نیست.
باید کاستومایزشون کنی.
چیزی که شما می خوای فکر می کنم میشه ترکیبی از Vertical و Grab cursor برای موقعیت اکتیو ایندکس هم مثلا می تونی یه div با بک گراند خاکستری و اپسیتی پایین در نظر بگیری که دقیقا روی اکتیو ایندکس باشه.
مقدار قیمت انتخاب شده هم همون مقداری میشه که در اکتیو اینکس قرار داره.