Скрытие полосы прокрутки на странице HTML
С появлением HTML5 вы можете просто использовать новую загрузку свойств в теге привязки.
Код будет выглядеть примерно как
<a download="name_of_downloaded_file" href="path/to/the/download/file"> Clicking on this link will force download the file</a>
Он работает с последней версией Firefox и Chrome. Должен ли я упоминать, что я не проверял его в IE? : P
Отредактировал атрибут загрузки после комментария sstur
5 ответов
Установите overflow: hidden; в теге body следующим образом:
<style type="text/css">
body {
overflow: hidden;
}
</style>
Код выше скрывает горизонтальную и вертикальную полосы прокрутки.
Если вы хотите скрыть только вертикальную полосу прокрутки, используйте overflow-y:
<style type="text/css">
body {
overflow-y: hidden;
}
</style>
А если вы хотите скрыть только горизонтальную полосу прокрутки, используйте overflow-x:
<style type="text/css">
body {
overflow-x: hidden;
}
</style>
Примечание: Это также отключит функцию прокрутки. Если вы хотите просто скрыть полосу прокрутки, но не функцию прокрутки, обратитесь к приведенным ниже ответам.
Я полагаю, что вы можете управлять им с помощью overflow CSS атрибута, но у них ограниченная поддержка браузеров. Один источник сообщил, что это Internet Explorer 5 (и более поздние версии), Firefox 1.5 (и более поздние версии) и Safari 3 (и более поздние версии) - возможно, этого достаточно для ваших целей.
Scrolling, Scrolling, Scrolling имеет хорошее обсуждение.
Чтобы отключить вертикальную полосу прокрутки, просто добавьте overflow-y: hidden; .
Подробнее об этом: переполнение .
Как уже говорили другие люди, используйте CSS overflow .
Но если вы по-прежнему хотите, чтобы пользователь мог прокручивать этот контент (без видимой полосы прокрутки), вы должны использовать JavaScript.
Вот мой ответ для решения: Скрыть полосу прокрутки, сохранив возможность прокрутки с помощью мыши / клавиатуры
Используйте свойство CSS : overflow
.noscroll {
width: 150px;
height: 150px;
overflow: auto; /* Or hidden, or visible */
}
Вот еще несколько примеров: