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