افکت نمایش محتویات در صورت اسکرول شدن صفحه؟ [بایگانی]

hosein18242

یک شنبه 15 آذر 1394, 14:31 عصر

سلام دوستان من میخوام بدونم چه جوری میشه کاری کرد که با اسکرول شدن صفحه محتویاتم مثل این سایت شروع به نمایش کنه؟www.baran-web.com کسی میدونه چجوری میشه این کارو کرد؟

سعید کشاورز

یک شنبه 15 آذر 1394, 15:04 عصر

شما با رویداد اسکرول میتونید این کارو انجام بدین
مثلا زمانی که کاربر اسکرولش به یه نقطه خاصی میرسه یه کلاسی به اون عنصر مورد نظر اضافه میشه
---------
با مثال میگم:
یه img داریم وسط صفحه در حالت عادی مخفی هستش..مثلا display:none داره

حالا توی فایل های سی اس اس یه کلاس داریم که display:block داره

حالا زمانی که کاربر به نقطه مورد نظر رسید(یعنی اسکرول کرد،اون کلاسی که display:block داره میاد به عنصر img داده میشه) و همزمان با اسکرول کردن اونم نمایش داده میشه
حالا چجوری بفهمیم کاربر به نقطه مورد نظر رسیده؟
شما این مقاله رو بخون (http://www.webtarget.ir/blog/%D8%B3%D8%A7%D8%AE%D8%AA-sticky-menu-%DB%8C%D8%A7-%D9%85%D9%86%D9%88%DB%8C-%DA%86%D8%B3%D8%A8%D9%86%D8%AF%D9%87-%D8%A8%D8%A7-%D8%A7%D8%B3%D8%AA%D9%81%D8%A7%D8%AF%D9%87-%D8%A7%D8%B2-%D8%AC%DB%8C-%DA%A9/)