Как убрать полосу прокрутки

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

Это видео о том, как убрать полосу прокрутки при с просмотре и публикации сайта в программе Adobe Muse.

Существует 2 способа как это можно сделать:
1. Первый из них – просто убрать элементы находящиеся за пределами области контента в режиме “Дизайна” страницы.
2. Второй – с помощью размещения специального кода html в раздел head страницы.

Смотрите это видео:

“В этом видео уроке мы рассмотрим как убрать полосу прокрутки при просмотре страницы в браузере в программе Adobe Muse.

Как убрать полосу прокрутки. Описание проблемы.

Давайте откроем сразу программу, здесь создан новый проект. Здесь сделаем 75% масштаб, на всякий случай. И увеличим страницу. Допустим, у нас есть на странице несколько объектов – раз, два, три. Здесь у нас какой-то текст, логотипы, картинки всё что угодно. И случайно вы разместили объект вне области контента страницы.

Когда вы нажимаете значок «выделение», этот объект будет у вас не заметен. Особенное, если у вас выключена функция «показывать поля фрейма», а в предыдущих версиях это было по-умолчанию, края фрейма были видны только при наведении мышки на него. Тот объект, который находится за пределами страницы будет вообще не виден, пока вы не наведёте на него мышкой.

Таким образом, при просмотре страницы в браузере, у вас появляется горизонтальная прокрутка, которая всем так мешает на сайте. К тому же, если у вас установлена заливка основного фона страницы,  например зелёный цвет, то при просмотре и прокрутке страницы до конца, вы увидите, что ваша страница имеет горизонтальную прокрутку, так будет лучше видно.

Как убрать полосу прокрутки. Решение 1.

Мы идём в режим дизайна страницы, даже если у вас выключена функция «края фрейма», можете нажать сочетание клавиш Ctrl+A и таким образом выделите все объекты у себя на странице. Далее уменьшаете масштаб до 50% или зажимаете клавишу Alt, и крутите колесо мышки на себя. Таким образом, вы увидите что у вас есть объекты за областью контента страницы.

Для того, что бы убрать горизонтальную прокрутку, вам нужно удалить эти ненужные объекты, или переместить их в область контента страницы.

Нажимаем сочетание клавиш Ctrl+, и видим, что у нас за областью контента страницы ничего нет.

Идём в режим просмотра, и теперь у нас горизонтальная прокрутка в браузере отсутствует.

Как убрать полосу прокрутки. Решение 2.

Если у вас не получилось данным способом убрать горизонтальную прокрутку, то есть ещё один способ, когда вы можете просто отключить эту прокрутку у себя на странице.

Необходимо зайти в меню “Страница”, “Свойства страницы”, и здесь в разделе «Метаданные»,  в блоке HTML для head, вставить кое-какой код, который я вам сейчас покажу. Этот код вы можете увидеть в описании этого видео, скопировать его и вставить. Выглядит он вот так.

<style type=»text/css»>
html { overflow-x: hidden; }
body { overflow-x: hidden; }
</style>

Выделяем его (я нажимаю сочетание клавиш Ctrl+C), захожу снова в режим дизайна страницы, в свойствах страницы вставляю его вот сюда,  и нажимаю ОК.

Таким образом, даже если какой-то блок будет расположен вне области контента страницы, при просмотре страницы в браузере, у вас горизонтальная прокрутка также будет отсутствовать.

Как убрать полосу прокрутки. Заключение

На этом мы заканчиваем наш урок. На нем мы узнали как убрать полосу прокрутки при просмотре страницы в браузере в программе Adobe Muse.

А я не прощаюсь с вами, подписывайтесь на мой канал, ставьте лайки, пишите комментарии и смотрите мои предыдущие и следующие видео уроки. До встречи друзья, пока.”


Как убрать полосу прокрутки. Дополнение к уроку.

Для тех у кого не срабатывает данный код и полоса прокрутки все равно остается – пробуйте сначала почистить кеш браузера. Также можете пробовать вот эти коды вместо представленного выше:

Удаление горизонтальной прокрутки, без появления дополнительной вертикальной:
<style>
html {overflow-x: hidden}
div { height: "100%"; }
</style>
Удаление любой прокрутки:
<style type="text/css"> 
html { overflow-x: hidden; } 
body { overflow-x: hidden; } 
html { overflow-y: hidden; } 
body { overflow-y: hidden; } 
</style>

На этом всё! Пишите в комментариях о Ваших успехах.

Автор видеоурока
Дмитрий Шаповалов

9 комментариев к “Как убрать полосу прокрутки”

  1. Добрый день, подскажите пожалуйста, если за пределами рабочей области не чего нет лишнего и ничто не вылазит, и код не помогает от полоски прокрутки, как тогда можно решить проблему?

    Ответить
    • День добрый. Почистите кеш браузера, и просмотрите сайт снова. Попробуйте также другие коды, которые я добавил в эту статью в виде дополнения к уроку.

      Ответить
  2. Дмитрий спасибо за урок! У меня не получалось при вставке кода убрать полосу, оказалось что вместо надо было

    Ответить
  3. (удалено цензурой) … к чему эта статья, если я не могу выделить текст? я должен наизусть его запоминать?

    Ответить
  4. Зачем блокировать выделение? Кому нужно тот все равно скопирует, а обычных людей это может мотивировать уйти с сайта, в результате могут быть отказы.

    Ответить

Оставьте комментарий

Подтвердите, что Вы не бот — выберите самый большой кружок: