کدهای جذاب و دیدنی ( CSS only scroll indicator ) : ساخت نشانگر موقعیت اسکرول با CSS

در این قسمت میخوام یک کد ( CSS only scroll indicator ) جالب رو در اختیارتون بزارم.

همونطور که دیدید با اسکرول کردن به پایین و بالا، با توجه به موقعیتی که اسکرول داره، خط مربوطه هم کم و زیاد میشه و اگر به پایان صفحه برسید، این خط نیز به انتها میرسه. این کار توسط CSS خالص انجام شده و از Javascript استفاده نشده است. میتونین از این کد ایده بگیرید و استفاده کنید.

بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو دانلود کرده و استفاده کنید. امیدوارم لذت برده باشین.

موفق باشید.

یا علی

Source