Задать вопрос
Mike_Ro
@Mike_Ro
Python, JS, WordPress, SEO, Bots, Adversting
javascript

Как зафиксировать страницу на определенном ее участке?

Приветствую!

Допустим, произошло событие, после которого необходимо убрать скролл текста страницы и зафиксировать страницу в том положение, в котором она была до события. Фиксировать <body> нельзя.

Какие варианты есть у меня:
1. Если бы можно было фиксировать <body>, то указал бы ему oveflow: hidden;
2. Т.к. <body> фиксировать нельзя, то .content указываю oveflow: hidden; - и ничего не происходит. Если указать position: fixed; - сролл пропадает и страница фиксируется, но она прокручивается в начало.
3. На ум приходит еще вариант - взять вариант 2 + на js указать высоту страницы, чтобы избежать прокрутки страницы в верх...

Подскажите еще варианты решения этой задачи?

Спасибо!

  • Вопрос задан
  • 1539 просмотров
Комментировать
Подписаться 1 Простой Комментировать
Решения вопроса 1
@BarryHAllen 
function disableScrolling(){
    var e = document.getElementById("container");
    var x = e.scrollLeft;
    var y = e.scrollTop;
    e.onscroll = function(){e.scrollTo(x, y);};
}


а чтобы убрать скроллбар

::-webkit-scrollbar {
    display: none;
}

не уверен по поводу работоспособности во всех браузерах этого css свойства
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ответы на вопрос 1
bubandos
@bubandos
bash'у, javascript'ую, php'лю, css'аю, html'каю
в п. 2 вам надо перед тем, как ставить position: fixed, получить scrollTop и вычислить, на сколько вам ваш контейнер надо передвинуть.
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
JavaScript Fullstack
OnClass
от 200 000 до 600 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Спарсить TON PLACE: скрейпинг фото и текста с анкет по списку URL
25 апр. 2024, в 05:57
3000 руб./за проект
Правки в webApp готового и написанного телеграмм бота next, tailwind
25 апр. 2024, в 05:29
25000 руб./за проект
Фронтер - DevOps. Развернуть фронт на хостинге. Прокинуть в телегу-бот
25 апр. 2024, в 04:38
10000 руб./за проект
Ещё заказы