Доброго времени суток.
Стандартная HTML разметка имеет следующую структуру:
<html>
...
<body>
</body>
</html>
Решаю следующую задачу:
присвоить элементу
html высоту блока
body
сделать так, чтобы
html элемент можно было прокручивать, а элемент
body при этом не прокручивался
Реализация:
через js я получаю высоту
body и присваиваю ее
html со следующими свойствами:
html {
width: 100%;
height: ...;
position: fixed;
overflow-y: scroll;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 999999;
}
Я думал, что в таком случае мы сможем прокручивать
html, а
body при этом не трогать, т.е. не прокручивать, но это не сработало. В моем примере прокрутка ни
body, ни
html не производится. А нужно сделать так, чтобы
html элемент можно было прокручивать.
Подскажите пожалуйста, как сделать так, чтобы вместо
body можно было прокручивать
html, при этом не делая прокрутки у
body, а вместо этого делать прокрутку только
html?