Если у вас есть абсолютно позиционированная (position: fixed) панель вверху страницы, как это делают многие веб-сайты, это нарушает поведение кнопки Page Down (а также Page Up). Вместо того, чтобы Page Down оставляла вам строку текста или около того в верхней части экрана, которая ранее находилась внизу экрана, чтобы облегчить дальнейшее чтение, есть немного обрезки, которая очень раздражает. Вот надуманный пример этого. Есть ли способ обойти эту проблему (кроме того, чтобы избегать фиксированных полос в верхней части страниц)?
Исходный код вышеприведенного связанного примера повторяется ниже для потомков:
<!doctype html>
<html lang="en">
<head>
<style type="text/css">
#bar {
background: #f00;
height: 200px;
position: fixed;
top: 0;
width: 100%;
}
p {
margin-top: 250px;
}
</style>
</head>
<body>
<div id="bar">IMPORTANT STUFF GOES HERE</div>
<p>When you press Page Down (and then Page Up the other way), some of the list items are cut off below the red bar.</p>
<ol><li><li><li><li><li><li><li><li><li><li><li><li><li><li><li><li><li><li><li><li><li><li><li><li><li><li><li><li><li><li><li><li><li><li><li><li><li><li><li><li><li><li><li><li><li><li><li><li><li><li><li><li><li><li><li><li><li><li><li><li><li><li><li><li><li><li><li><li><li><li><li><li><li><li><li><li><li><li><li><li><li><li><li><li><li><li><li><li><li><li></ol>
</body>
</html>
Я нашел кто-то еще уже задавал этот вопрос , но, похоже, единственный ответ, который он получил, был от кого-то, кто неправильно понял проблему. Надеюсь, мой вопрос, включая пример, понятнее, и кто-то может мне помочь.