Как убрать полосу прокрутки без прокрутки контента?

Question

У меня есть сайт, который использует диалоги. Когда я открываю эти диалоги, полоса прокрутки body скрыта, а полоса прокрутки div, содержащая диалог, показывает ее полосу прокрутки.

Но , когда я скрываю полосу прокрутки body, содержимое переходит к началу. Как сохранить позицию содержимого при открытии диалога?

Для получения дополнительной информации по этому вопросу, смотрите фотографии в Facebook. Когда вы нажимаете на фотографию, мне нравится это делать.

Answer 1

Подождите, я не могу понять ваш вопрос хорошо. Если вы хотите скрыть полосы прокрутки, используйте CSS, чтобы скрыть их.

<style type="text/css">
  selector {
    overflow: hidden;
  }
</style>

Answer 2

попробуйте использовать JavaScript для перемещения прокрутки в положение: document.getElementById('container').scrollTop = 50;

выше переместит полосу прокрутки на 50 пикселей вверх, и вы можете получить максимальную высоту прокрутки: document.getElementById('container').scrollHeight

Answer 3

Можете ли вы дать нам код, который вы используете, или ссылку на сайт, о котором вы говорите? Как ты прячешь полосу прокрутки?

Если это путем изменения свойства стиля переполнения на скрытое, то правильно ли я предположить, что это происходит только при первом показе диалогового окна, а последующие появления диалогового окна не перемещают содержимое обратно в начало? Если это так, я не уверен, что лучший способ предотвратить это, но быстрый взлом состоял бы в том, чтобы заставить ваш javascript присвоить свойству стиля переполнения тега div элемента body значение auto после загрузки.

Добавьте следующее в начало вашего JavaScript:

window.onload = function ()
{
    document.getElementById('container').style.overflow = 'auto';
}

где контейнер - это идентификатор элемента div, содержащего код вашего тела.

---