Я не впевнений, з чого почати.Я шукаю найкращий спосіб отримати зображення, яке буде слідувати за смугою прокрутки веб-переглядача вниз веб-сторінки або внизу сторінки веб-сторінки. Якщо, наприклад, ви прокрутили сторінку веб-сторінки наполовину, зображення (стрілка) вказуватиме на смугу прокрутки. Коли ви подорожуєте вниз або через сторінку, зображення також переміщається. Я не шукаю сценаріїв, які мають зображення, що слідує за курсором, оскільки це не враховує, що користувач може використовувати коліщатко прокрутки на миші, і в цьому випадку курсор не рухається, навіть якщо сторінка є.
Спасибі за вашу допомогу.
Відповіді:
0 для відповіді № 1Використовувати position: fixed css, щоб елемент розташувався відносно вікна браузера.
0 для відповіді № 2
Інформація про те, як браузер представляє смугу прокрутки, якщо вона взагалі є, на якій стороні вікна вона знаходиться або як вона відображається недоступний на веб-сторінку.
Тим не менш, ви могли б гідно вгадати з певною математикою.
Візьміть document scroll position / document height * display port height і це дасть вам приблизну кількість пікселів, де знаходиться смуга прокрутки у верхній частині екрана.
Створіть свій HTML-елемент position: fixed; і встановіть top: 123px щоб відповідати розрахунку вище. Оновіть це на події прокрутки.
Вам потрібно буде погуглити конкретні команди JavaScript, щоб це сталося, але за задумом це повинно наблизити вас.
Якщо ви хочете бути більш точним, майте на увазі, що розмір смуги прокрутки, як правило, буде (display port height / document height) * display port height. Якщо ви віднімаєте це значення з діапазону руху вашої стрілки, і додаєте половину цього значення до top значення пікселя вашої стрілки, вона зазвичай повинна вказувати на середину смуги прокрутки.