Css убрать скролл но оставить прокрутку. Как убрать полосы прокрутки. Скрыть полосу прокрутки, но при этом все еще можно прокручивать

На Земле живет свыше шести миллиардов людей. Банально! Знать всех невозможно, и это тоже банальность. Однако "Мой круг" пытается опровергнуть приведенное утверждение и выдвигает тезис, что максимальная длина цепочки для знакомства двух любых людей на Земле составляет шесть рукопожатий. Итак, главная задача "Моего круга", как ее видят создатели, — это создание социальной сети, в которой люди могут общаться по хобби, профессиональным интересам, образованию, общему прошлому. Такой широкий круг возможных интересов привлекает большое количество пользователей, дает им возможность разнообразного поиска знакомых, партнеров, работодателей и работников, просто любителей поболтать в Сети. С другой стороны, такой разброс тематических направлений делает ресурс слишком объемным, недостаточно удобным в использовании и эклектичным в сравнении, например, с LinkedIn , который ориентирован на бизнес и карьеру.

"Мой круг" построен по хорошо известному принципу, когда личные знакомые составляют первый круг участника, знакомые знакомых — второй. Самый дальний из доступных кругов — третий. Следуя утверждению организаторов ресурса о шести рукопожатиях, придется последовательно знакомиться с людьми второго, затем третьего круга, и далее до шестого. Человек на шестом рукопожатии теоретически может быть любым человеком в мире. Для регистрации достаточно указать свои имя, фамилию и электронный адрес. Можно зарегистрироваться самому, а можно получить приглашение от действующего участника. В принципе можно этими сведениями и ограничиться. Однако, если вы захотите, чтобы вас на самом деле можно было найти для общения, новой работы, обсуждения интересных тем, стоит заполнить свой профиль, содержащий довольно обширный набор сведений. В нем можно указать:

  • профессиональный портрет, причем области интересов очень просто и оригинально подбираются при наборе первых символов, что очень удобно;
  • опыт работы;
  • образование. Здесь стоит отметить возможность подбора не только вузов, но и средних школ по всей России. Проведя несложный эксперимент, я убедился, что список вузов очень хорошо обновляется, впрочем, как и средних школ, гимназий и лицеев;
  • круги интересов, профессиональные и личные;
  • области интересов — рекомендуемые книги, музыка, блоги, сайты.

Действия пользователя полностью логируются. Так что можно не вспоминать, посылал ли ты уже приглашение в свой круг или ответ на какую-нибудь тему. Достаточно войти в "Журнал действий", чтобы просмотреть архив своих активностей. Для особо активных пользователей сам архив разделен на закладки "Все", "Приглашения", "Вакансии" и "Другое". На последней закладке отображаются "наиболее значимые действия пользователя". Однако что к ним относится, не объясняется. Наверное, это знают старые опытные пользователи, которые уже совершили "значимые действия".

Какие круги могут стать моими

Сервис "Мой круг" многогранен. Его круги расположены в разных плоскостях. Есть круги профессиональные. Пользователь выбирает интересующие его тематики и становится доступен для коллег. И наоборот, перейдя в раздел по своему направлению, можно просмотреть, кто же еще находится в круге ваших профессиональных интересов. По каждому профессиональному кругу поддерживается свой форум. Однако краткий обзор даже наиболее популярных разделов показывает, что интенсивность обмена сообщениями в форуме небольшая. Так, на верхних строчках зачастую показаны сообщения вчерашние и даже двухдневной давности. Такая неторопливость отчасти компенсируется их содержательностью. В отличие от многих сетевых ресурсов здесь почти не встретишь ругани, бессмысленного выпячивания своего мнения и прочих малоприятных признаков участия в форуме "ради самого процесса". Очень интересная дизайнерская находка — зависимость размера шрифта темы от ее популярности. Например, самый популярный раздел "Музыка" отображается шрифтом 20 кеглей. Следующие по популярности — "Программирование", «LiveJournal», "Фотография" и "Путешествия". Наименее востребованы "Политика", "Активный отдых" и "Веб-дизайн".

Круги по интересам

"Мой круг" начал свое развитие в Сети, отталкиваясь от сообщества "Живого журнала", и неудивительно, что круг "ЖЖ" один из наиболее популярных. Так что наравне с одноклассниками, однокурсниками и коллегами можно найти друзей по "ЖЖ" и пригласить их в свой круг. Для этого достаточно подтвердить свой ник в "Живом журнале", и можно ссылаться на посты в "ЖЖ" под своим хорошо известным ником.

Каждый пользователь помимо собственно трех уровней кругов общения может построить и просмотреть свои круги по образованию, компаниям, городам, интересам, блогам и сайтам, книгам. По аналогии с личными эти круги можно построить только для себя, для пользователей своего первого круга и для сети в целом. Так что позиционирование "Моего круга" как социальной сети отчасти основывается на такой косвенной рекомендации интересов, книг, блогов. Дискуссии на интересующие темы строго структурированы и, как правило, корректны. К тому же немаловажно и то, что всегда можно посмотреть профиль автора и решить для себя, стоит ли считаться с его мнением или нет. Если автор поста усиленно скрывает свои профессиональные интересы, достижения и образование, а его круг ограничен одним контактом, то вряд ли его можно воспринимать всерьез. И напротив, человек, авторитетный в своем кругу, может рассчитывать на то, что к его мнению прислушаются. Оценивая новость, всегда есть возможность опереться на мнение других участников сообщества. Подобно структуре кругов по интересам, образованию и прочему, можно просмотреть отзывы своего круга, наиболее часто комментируемые темы.

Поиск вакансий в своем круге

Поиск вакансий как сервис произвел на меня самое слабое впечатление. Больше всего он напоминает обычный сайт поиска работы вроде «Охотников за головами » или раздела на одном из многочисленных форумов. Вакансии сортируются только по времени поступления, поэтому рядом находятся предложения о работе программиста и продавца мороженого, маркетолога и оператора банка. В каждой вакансии есть ссылка на компанию, как правило, "крупную международную". Только в большинстве случаев эта информация не заполняется автором поста и страница не содержит никакой информации о работодателе. Наконец, доступна лишь информация о профиле участника "Моего круга", который разместил вакансию. Хотелось бы надеяться, что по мере развития сервиса, который сейчас представлен в версии Beta 2, появится возможность получать отзывы о компании от других участников, давать ссылки на рекомендации членов своего круга, как это возможно, например, в LinkedIn. Удобной функцией является формирование резюме на основе профиля пользователя. Так что, если вы захотите откликнуться на вакансию, достаточно просто составить сопроводительное письмо. И не забыть проверить свой профиль, конечно.

Мой круг на моем сайте

Интересной возможностью "Моего круга" стал набор программных сервисов для веб-мастеров, которые дают возможность разместить сведения о своем круге и поддерживать общение непосредственно на собственном сайте. Разработчикам предоставлен WSDL-интерфейс, который можно скачать непосредственно с сайта , и набор базовых и расширенных функций API. Расширенный набор можно получить, пройдя регистрацию и получив уникальный код. Базовых функций три:

  • getFirstCircle(code, login, password) — возвращает первый круг автора запроса. Результат представлен в виде списка, каждый элемент которого содержит информацию о человеке из первого круга: имя, фамилию, адрес электронной почты, количество людей в первом круге, ссылку на профиль в "Моем круге";
  • getPerson(code, login, password, personId) — возвращает описание человека по заданному ID. В случае если человек, информация о котором запрашивается, находится в первом круге автора запроса, функция возвращает также контактную информацию человека — e-mail, список телефонов, номера интернет-пейджеров;
  • invitePerson(code, login, password, targetEmail, targetFirstName, targetLastName, message) — позволяет отправить приглашение на адрес targetEmail человеку с именем targetFirstName и фамилией targetLastName, message — текст приглашения. Данная функция соответствует странице "Пригласить" и позволяет расширять первый круг без непосредственного посещения сайта системы.

Code — обязательный атрибут, уникальный код, который присваивается ресурсу при регистрации. Login — e-mail пользователя в "Моем круге", password — пароль. Таким образом, обращение с сайта к сервисам "Моего круга" может происходить как от имени автора сайта, так и от имени любого посетителя, если он укажет информацию своего аккаунта. Для соблюдения конфиденциальности веб-мастерам рекомендуется использовать безопасное подключение по протоколу SSL.

В общем, как говорилось в любимом фильме, "присоединяйтесь, барон!".

25 ответов

Просто тест, который работает нормально.

#parent{ height: 100%; width: 100%; overflow: hidden; } #child{ width: 100%; height: 100%; overflow-y: scroll; padding-right: 17px; /* Increase/decrease this value for cross-browser compatibility */ box-sizing: content-box; /* So the width will be 100% + 17px */ }

JavaScript:

Так как ширина полосы прокрутки отличается в разных браузерах, лучше обработать ее с помощью JavaScript. Если вы сделаете Element.offsetWidth - Element.clientWidth , появится точная ширина полосы прокрутки.

или

Используя Position: absolute ,

#parent{ height: 100%; width: 100%; overflow: hidden; position: relative; } #child{ position: absolute; top: 0; bottom: 0; left: 0; right: -17px; /* Increase/Decrease this value for cross-browser compatibility */ overflow-y: scroll; }

Информация:

На основе этого ответа я создал простой плагин прокрутки . Надеюсь, это поможет кому-то.

Легко в Webkit, с дополнительным стилем:

Html { overflow: scroll; overflow-x: hidden; } ::-webkit-scrollbar { width: 0px; /* remove scrollbar space */ background: transparent; /* optional: just make scrollbar invisible */ } /* optional: show position indicator in red */ ::-webkit-scrollbar-thumb { background: #FF0000; }

Это работает для меня:

Container { -ms-overflow-style: none; // IE 10+ overflow: -moz-scrollbars-none; // Firefox } .container::-webkit-scrollbar { display: none; // Safari and Chrome }

Примечание: В последних версиях Firefox свойство -moz-scrollbars-none устарело (ссылка).

My scroll-able area

Это трюк, чтобы несколько перекрывать полосу прокрутки с перекрывающимся div, который не имеет полос прокрутки

::-webkit-scrollbar { display: none; }

это только для браузеров webkit. или вы можете использовать браузер css (если он есть в будущем) каждый браузер может иметь различное и конкретное свойство для своих соответствующих баров.

- EDIT -

Для Microsoft Edge используйте: -ms-overflow-style: -ms-autohiding-scrollbar; или -ms-overflow-style: none; как для MSDN .

Нет эквивалента для FF Хотя есть плагин JQuery для достижения этого http://manos.malihu.gr/tuts/jquery_custom_scrollbar.html

ОБНОВЛЕНИЕ: Firefox теперь поддерживает скрытие полос прокрутки с помощью CSS, поэтому теперь доступны все основные браузеры (Chrome, Firefox, IE, Safari и т.д.). Просто примените следующий CSS к элементу, из которого вы хотите удалить полосы прокрутки:

Container { overflow-y: scroll; scrollbar-width: none; /* Firefox */ -ms-overflow-style: none; /* IE 10+ */ } .container::-webkit-scrollbar { /* WebKit */ width: 0px; }

Это наименее хакерское кросс-браузерное решение, которое я знаю в настоящее время. Проверьте демо.

ОРИГИНАЛЬНЫЙ ОТВЕТ:

Вот еще один способ, который еще не был упомянут. Это действительно просто и включает в себя только два div и CSS. Не требуется JavaScript или собственный CSS, и он работает во всех браузерах. Это не требует явной установки ширины контейнера, что делает его жидким.

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

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

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

Это также повышает масштабируемость. Решения для заполнения/ширины показывают полосу прокрутки при увеличении до минимума.

Element, .outer-container { width: 200px; height: 200px; } .outer-container { border: 5px solid purple; position: relative; overflow: hidden; } .inner-container { position: absolute; left: 0; overflow-x: hidden; overflow-y: scroll; padding-right: 150px; } .inner-container::-webkit-scrollbar { display: none; }

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer vehicula quam nibh, eu tristique tellus dignissim quis. Integer condimentum ultrices elit ut mattis. Praesent rhoncus tortor metus, nec pellentesque enim mattis nec. Nulla vitae turpis ut dui consectetur pellentesque quis vel est. Curabitur rutrum, mauris ut mollis lobortis, sem est congue lectus, ut sodales nunc leo a libero. Cras quis sapien in mi fringilla tempus condimentum quis velit. Aliquam id aliquam arcu. Morbi tristique aliquam rutrum. Duis tincidunt, orci suscipit cursus molestie, purus nisi pharetra dui, tempor dignissim felis turpis in mi. Vivamus ullamcorper arcu sit amet mauris egestas egestas. Vestibulum turpis neque, condimentum a tincidunt quis, molestie vel justo. Sed molestie nunc dapibus arcu feugiat, ut sollicitudin metus sagittis. Aliquam a volutpat sem. Quisque id magna ultrices, lobortis dui eget, pretium libero. Curabitur aliquam in ante eu ultricies.

Parent{ position: relative; width: 300px; height: 150px; border: 1px solid black; overflow: hidden; } .child { height: 150px; width: 318px; overflow-y: scroll; }

Примените CSS соответственно.

#subparant{ overflow:hidden; width: 500px; border: 1px rgba(0,0,0,1.00) solid; } #parent{ width: 515px; height: 300px; overflow-y: auto; overflow-x: hidden; opacity:10%; } #child{ width:511px; background-color:rgba(123,8,10,0.42); }

Function reloadScrollBars() { document.documentElement.style.overflow = "auto"; // firefox, chrome document.body.scroll = "yes"; // ie only } function unloadScrollBars() { document.documentElement.style.overflow = "hidden"; // firefox, chrome document.body.scroll = "no"; // ie only }

Вызовите эти функции для любой точки, которую вы хотите загрузить или выгрузить или перезагрузить полосу прокрутки. Все еще прокручивается в Chrome, когда я тестировал его в Chrome. Не уверен в других браузерах.

Моя проблема: мне не нужен какой-либо стиль в моем html, я хочу, чтобы мое тело прокручивалось без полосы прокрутки и только вертикальный свиток, работающий с css-сетками для любого размера экрана.

Эффекты отбрасывания размера коробки или маржинальные значения, они работают с коробкой: размер содержимого .

Мне все еще нужна директива "-moz-scrollbars-none", и, как gdoron и Mr_Green, мне пришлось скрывать полосу прокрутки. Я попробовал -moz-transform и -moz-padding-start, чтобы воздействовать только на firefox, но были ответные побочные эффекты, которые необходимо было много работать.

Это решение работает для содержимого html body с стилем "display: grid", и оно реагирует.

/* hide html and body scroll bar in css-grid context */ html,body{ position: static; /* or relative or fixed ... */ box-sizing: content-box; /* important for hidding scrollbar */ display: grid; /* for css-grid */ /* full screen */ width: 100vw; min-width: 100vw; max-width: 100vw; height: 100vh; min-height: 100vh; max-height: 100vh; margin: 0; padding: 0; } html{ -ms-overflow-style: none; /* IE 10+ */ overflow: -moz-scrollbars-none; /* should hide scroll bar */ } /* no scroll bar for Safari and Chrome */ html::-webkit-scrollbar, body::-webkit-scrollbar{ display: none; /* might be enought */ background: transparent; visibility: hidden; width: 0px; } /* Firefox only workaround */ @-moz-document url-prefix() { /* Make html with overflow hidden */ html{ overflow: hidden; } /* Make body max height auto */ /* set right scroll bar out the screen */ body{ /* enable scrolling content */ max-height: auto; /* 100vw +15px: trick to set the scroll bar out the screen */ width: calc(100vw + 15px); min-width: calc(100vw + 15px); max-width: calc(100vw + 15px); /* set back the content inside the screen */ padding-right: 15px; } } body{ /* allow vertical scroll */ overflow-y: scroll; }

Вот как я делаю это для горизонтального прокрутки, только CSS и хорошо работает с такими фреймворками, как bootstrap/col *. Для этого требуется только 2 дополнительных div и родительский с шириной или максимальной шириной:

Вы можете выбрать текст, чтобы он прокручивал или прокручивал его пальцами, если у вас есть сенсорный экран.

Overflow-x-scroll-no-scrollbar {overflow:hidden;} .overflow-x-scroll-no-scrollbar div { overflow-x:hidden; margin-bottom:-17px; overflow-y:hidden; width:100%; } .overflow-x-scroll-no-scrollbar div * { overflow-x:auto; width:100%; padding-bottom:17px; white-space: nowrap; cursor:pointer } /* the following classes are only here to make the example looks nicer */ .row {width:100%} .col-xs-4 {width:33%;float:left} .col-xs-3 {width:25%;float:left} .bg-gray{background-color:#DDDDDD} .bg-orange{background-color:#FF9966} .bg-blue{background-color:#6699FF} .bg-orange-light{background-color:#FFAA88} .bg-blue-light{background-color:#88AAFF}

Column 1
Column 2
Column 3
Content 1
Content 3

Краткая версия для ленивых людей:

Overflow-x-scroll-no-scrollbar {overflow:hidden;} .overflow-x-scroll-no-scrollbar div { overflow-x:hidden; margin-bottom:-17px; overflow-y:hidden; width:100%; } .overflow-x-scroll-no-scrollbar div * { overflow-x:auto; width:100%; padding-bottom:17px; white-space: nowrap; cursor:pointer } /* the following classes are only here to make the example looks nicer */ .parent-style {width:100px;background-color:#FF9966}

This content too long for the container, so it needs to be hidden but scrollable without scrollbars

В современных браузерах вы можете использовать wheel event https://developer.mozilla.org/en-US/docs/Web/Events/wheel

// content is the element you want to apply the wheel scroll effect content.addEventListener("wheel", function(e) { const step = 100; // how many pixels to scroll if(e.deltaY > 0) // scroll down content.scrollTop += step; else //scroll up content.scrollTop -= step; });

Добавление дополнения к внутреннему div , как и в принятом в настоящее время ответе, не будет работать, если по какой-либо причине вы хотите использовать box-model: border-box .

Что работает в обоих случаях, это увеличение ширины внутреннего div до 100% плюс ширина полосы прокрутки (предполагая overflow: hidden на внешнем div).

Например, в CSS:

Container2 { width: calc(100% + 19px); }

В Javascript, кросс-браузер:

Var child = document.getElementById("container2"); var addWidth = child.offsetWidth - child.clientWidth + "px"; child.style.width = "calc(100% + " + addWidth + ")";

это будет в теле:

this is the 1st step
this is the 2nd step
this is the 3rd step

#maincontainer { background:grey ; width:101%; height:101%; overflow:auto; position:fixed; } #child { background: white; height:500px; }

Это решение типа divitis, которое не должно работать для всех браузеров...

Разметка выглядит следующим образом и должна быть внутри чего-то с относительным позиционированием (и его ширина должна быть установлена, например, 400 пикселей):

Hide-scrollbar { overflow: hidden; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .scrollbar { overflow-y: scroll; position: absolute; top: 0; left: 0; right: -50px; bottom: 0; } .scrollbar-inner { width: 400px; }

Предположим, так. С шириной и кроссбраузерностью разберёшься сам. Ещё, выделением текста можно проскроллить вправо.

А вообще, скрывать скролл - это плохая идея.

Html, body { overflow: hidden; height: 100%; box-sizing: border-box; margin: 0; } body { overflow-y: scroll; width: calc(100% + 20px); padding: 8px; }

Здравствуйте. Можно ли убрать, скрыть на сайте методами css или javascript вертикальную прокрутку, но, чтобы при этом скролл работал как обычно? К body, например, можно применить overflow-y:hidden, но естественно скролл перестает работать.

Здравствуйте. Можно ли убрать, скрыть на сайте методами css или javascript вертикальную прокрутку, но, чтобы при этом скролл работал как обычно? К body, например, можно применить overflow-y:hidden, но естественно скролл перестает работать.

Здравствуйте. Можно ли убрать, скрыть на сайте методами css или javascript вертикальную прокрутку, но, чтобы при этом скролл работал как обычно? К body, например, можно применить overflow-y:hidden, но естественно скролл перестает работать.

Здравствуйте. Можно ли убрать, скрыть на сайте методами css или javascript вертикальную прокрутку, но, чтобы при этом скролл работал как обычно? К body, например, можно применить overflow-y:hidden, но естественно скролл перестает работать.

Здравствуйте. Можно ли убрать, скрыть на сайте методами css или javascript вертикальную прокрутку, но, чтобы при этом скролл работал как обычно? К body, например, можно применить overflow-y:hidden, но естественно скролл перестает работать.

Здравствуйте. Можно ли убрать, скрыть на сайте методами css или javascript вертикальную прокрутку, но, чтобы при этом скролл работал как обычно? К body, например, можно применить overflow-y:hidden, но естественно скролл перестает работать.

Здравствуйте. Можно ли убрать, скрыть на сайте методами css или javascript вертикальную прокрутку, но, чтобы при этом скролл работал как обычно? К body, например, можно применить overflow-y:hidden, но естественно скролл перестает работать.

Здравствуйте. Можно ли убрать, скрыть на сайте методами css или javascript вертикальную прокрутку, но, чтобы при этом скролл работал как обычно? К body, например, можно применить overflow-y:hidden, но естественно скролл перестает работать.

Здравствуйте. Можно ли убрать, скрыть на сайте методами css или javascript вертикальную прокрутку, но, чтобы при этом скролл работал как обычно? К body, например, можно применить overflow-y:hidden, но естественно скролл перестает работать.

Здравствуйте. Можно ли убрать, скрыть на сайте методами css или javascript вертикальную прокрутку, но, чтобы при этом скролл работал как обычно? К body, например, можно применить overflow-y:hidden, но естественно скролл перестает работать.

Здравствуйте. Можно ли убрать, скрыть на сайте методами css или javascript вертикальную прокрутку, но, чтобы при этом скролл работал как обычно? К body, например, можно применить overflow-y:hidden, но естественно скролл перестает работать.

Здравствуйте. Можно ли убрать, скрыть на сайте методами css или javascript вертикальную прокрутку, но, чтобы при этом скролл работал как обычно? К body, например, можно применить overflow-y:hidden, но естественно скролл перестает работать.

Здравствуйте. Можно ли убрать, скрыть на сайте методами css или javascript вертикальную прокрутку, но, чтобы при этом скролл работал как обычно? К body, например, можно применить overflow-y:hidden, но естественно скролл перестает работать.

Здравствуйте. Можно ли убрать, скрыть на сайте методами css или javascript вертикальную прокрутку, но, чтобы при этом скролл работал как обычно? К body, например, можно применить overflow-y:hidden, но естественно скролл перестает работать.

Здравствуйте. Можно ли убрать, скрыть на сайте методами css или javascript вертикальную прокрутку, но, чтобы при этом скролл работал как обычно? К body, например, можно применить overflow-y:hidden, но естественно скролл перестает работать.

Здравствуйте. Можно ли убрать, скрыть на сайте методами css или javascript вертикальную прокрутку, но, чтобы при этом скролл работал как обычно? К body, например, можно применить overflow-y:hidden, но естественно скролл перестает работать.

Здравствуйте. Можно ли убрать, скрыть на сайте методами css или javascript вертикальную прокрутку, но, чтобы при этом скролл работал как обычно? К body, например, можно применить overflow-y:hidden, но естественно скролл перестает работать.

Здравствуйте. Можно ли убрать, скрыть на сайте методами css или javascript вертикальную прокрутку, но, чтобы при этом скролл работал как обычно? К body, например, можно применить overflow-y:hidden, но естественно скролл перестает работать.

Вариант без calc с использованием фиксированного позиционирования. Решает проблему с горизонтальной прокруткой при выделении.

Html { overflow: hidden; } body { position: fixed; left: 0; top: 0; right: -30px; bottom: 0; padding: 8px; overflow-y: scroll; }

Здравствуйте. Можно ли убрать, скрыть на сайте методами css или javascript вертикальную прокрутку, но, чтобы при этом скролл работал как обычно? К body, например, можно применить overflow-y:hidden, но естественно скролл перестает работать.

Здравствуйте. Можно ли убрать, скрыть на сайте методами css или javascript вертикальную прокрутку, но, чтобы при этом скролл работал как обычно? К body, например, можно применить overflow-y:hidden, но естественно скролл перестает работать.

Здравствуйте. Можно ли убрать, скрыть на сайте методами css или javascript вертикальную прокрутку, но, чтобы при этом скролл работал как обычно? К body, например, можно применить overflow-y:hidden, но естественно скролл перестает работать.

Здравствуйте. Можно ли убрать, скрыть на сайте методами css или javascript вертикальную прокрутку, но, чтобы при этом скролл работал как обычно? К body, например, можно применить overflow-y:hidden, но естественно скролл перестает работать.

Здравствуйте. Можно ли убрать, скрыть на сайте методами css или javascript вертикальную прокрутку, но, чтобы при этом скролл работал как обычно? К body, например, можно применить overflow-y:hidden, но естественно скролл перестает работать.

Здравствуйте. Можно ли убрать, скрыть на сайте методами css или javascript вертикальную прокрутку, но, чтобы при этом скролл работал как обычно? К body, например, можно применить overflow-y:hidden, но естественно скролл перестает работать.

Здравствуйте. Можно ли убрать, скрыть на сайте методами css или javascript вертикальную прокрутку, но, чтобы при этом скролл работал как обычно? К body, например, можно применить overflow-y:hidden, но естественно скролл перестает работать.

Здравствуйте. Можно ли убрать, скрыть на сайте методами css или javascript вертикальную прокрутку, но, чтобы при этом скролл работал как обычно? К body, например, можно применить overflow-y:hidden, но естественно скролл перестает работать.

Здравствуйте. Можно ли убрать, скрыть на сайте методами css или javascript вертикальную прокрутку, но, чтобы при этом скролл работал как обычно? К body, например, можно применить overflow-y:hidden, но естественно скролл перестает работать.

Здравствуйте. Можно ли убрать, скрыть на сайте методами css или javascript вертикальную прокрутку, но, чтобы при этом скролл работал как обычно? К body, например, можно применить overflow-y:hidden, но естественно скролл перестает работать.

Здравствуйте. Можно ли убрать, скрыть на сайте методами css или javascript вертикальную прокрутку, но, чтобы при этом скролл работал как обычно? К body, например, можно применить overflow-y:hidden, но естественно скролл перестает работать.

Здравствуйте. Можно ли убрать, скрыть на сайте методами css или javascript вертикальную прокрутку, но, чтобы при этом скролл работал как обычно? К body, например, можно применить overflow-y:hidden, но естественно скролл перестает работать.

Здравствуйте. Можно ли убрать, скрыть на сайте методами css или javascript вертикальную прокрутку, но, чтобы при этом скролл работал как обычно? К body, например, можно применить overflow-y:hidden, но естественно скролл перестает работать.

Здравствуйте. Можно ли убрать, скрыть на сайте методами css или javascript вертикальную прокрутку, но, чтобы при этом скролл работал как обычно? К body, например, можно применить overflow-y:hidden, но естественно скролл перестает работать.

Здравствуйте. Можно ли убрать, скрыть на сайте методами css или javascript вертикальную прокрутку, но, чтобы при этом скролл работал как обычно? К body, например, можно применить overflow-y:hidden, но естественно скролл перестает работать.

Здравствуйте. Можно ли убрать, скрыть на сайте методами css или javascript вертикальную прокрутку, но, чтобы при этом скролл работал как обычно? К body, например, можно применить overflow-y:hidden, но естественно скролл перестает работать.

Здравствуйте. Можно ли убрать, скрыть на сайте методами css или javascript вертикальную прокрутку, но, чтобы при этом скролл работал как обычно? К body, например, можно применить overflow-y:hidden, но естественно скролл перестает работать.

Здравствуйте. Можно ли убрать, скрыть на сайте методами css или javascript вертикальную прокрутку, но, чтобы при этом скролл работал как обычно? К body, например, можно применить overflow-y:hidden, но естественно скролл перестает работать.

Здравствуйте. Можно ли убрать, скрыть на сайте методами css или javascript вертикальную прокрутку, но, чтобы при этом скролл работал как обычно? К body, например, можно применить overflow-y:hidden, но естественно скролл перестает работать.

Ещё вариант для хромиумовов:

::-webkit-scrollbar { width: 0; }

Здравствуйте. Можно ли убрать, скрыть на сайте методами css или javascript вертикальную прокрутку, но, чтобы при этом скролл работал как обычно? К body, например, можно применить overflow-y:hidden, но естественно скролл перестает работать.

Здравствуйте. Можно ли убрать, скрыть на сайте методами css или javascript вертикальную прокрутку, но, чтобы при этом скролл работал как обычно? К body, например, можно применить overflow-y:hidden, но естественно скролл перестает работать.

Здравствуйте. Можно ли убрать, скрыть на сайте методами css или javascript вертикальную прокрутку, но, чтобы при этом скролл работал как обычно? К body, например, можно применить overflow-y:hidden, но естественно скролл перестает работать.

Здравствуйте. Можно ли убрать, скрыть на сайте методами css или javascript вертикальную прокрутку, но, чтобы при этом скролл работал как обычно? К body, например, можно применить overflow-y:hidden, но естественно скролл перестает работать.

Здравствуйте. Можно ли убрать, скрыть на сайте методами css или javascript вертикальную прокрутку, но, чтобы при этом скролл работал как обычно? К body, например, можно применить overflow-y:hidden, но естественно скролл перестает работать.

Здравствуйте. Можно ли убрать, скрыть на сайте методами css или javascript вертикальную прокрутку, но, чтобы при этом скролл работал как обычно? К body, например, можно применить overflow-y:hidden, но естественно скролл перестает работать.

Здравствуйте. Можно ли убрать, скрыть на сайте методами css или javascript вертикальную прокрутку, но, чтобы при этом скролл работал как обычно? К body, например, можно применить overflow-y:hidden, но естественно скролл перестает работать.

Здравствуйте. Можно ли убрать, скрыть на сайте методами css или javascript вертикальную прокрутку, но, чтобы при этом скролл работал как обычно? К body, например, можно применить overflow-y:hidden, но естественно скролл перестает работать.

Здравствуйте. Можно ли убрать, скрыть на сайте методами css или javascript вертикальную прокрутку, но, чтобы при этом скролл работал как обычно? К body, например, можно применить overflow-y:hidden, но естественно скролл перестает работать.

Здравствуйте. Можно ли убрать, скрыть на сайте методами css или javascript вертикальную прокрутку, но, чтобы при этом скролл работал как обычно? К body, например, можно применить overflow-y:hidden, но естественно скролл перестает работать.

Здравствуйте. Можно ли убрать, скрыть на сайте методами css или javascript вертикальную прокрутку, но, чтобы при этом скролл работал как обычно? К body, например, можно применить overflow-y:hidden, но естественно скролл перестает работать.

Здравствуйте. Можно ли убрать, скрыть на сайте методами css или javascript вертикальную прокрутку, но, чтобы при этом скролл работал как обычно? К body, например, можно применить overflow-y:hidden, но естественно скролл перестает работать.

Здравствуйте. Можно ли убрать, скрыть на сайте методами css или javascript вертикальную прокрутку, но, чтобы при этом скролл работал как обычно? К body, например, можно применить overflow-y:hidden, но естественно скролл перестает работать.

Здравствуйте. Можно ли убрать, скрыть на сайте методами css или javascript вертикальную прокрутку, но, чтобы при этом скролл работал как обычно? К body, например, можно применить overflow-y:hidden, но естественно скролл перестает работать.

Здравствуйте. Можно ли убрать, скрыть на сайте методами css или javascript вертикальную прокрутку, но, чтобы при этом скролл работал как обычно? К body, например, можно применить overflow-y:hidden, но естественно скролл перестает работать.

Здравствуйте. Можно ли убрать, скрыть на сайте методами css или javascript вертикальную прокрутку, но, чтобы при этом скролл работал как обычно? К body, например, можно применить overflow-y:hidden, но естественно скролл перестает работать.

Здравствуйте. Можно ли убрать, скрыть на сайте методами css или javascript вертикальную прокрутку, но, чтобы при этом скролл работал как обычно? К body, например, можно применить overflow-y:hidden, но естественно скролл перестает работать.

Здравствуйте. Можно ли убрать, скрыть на сайте методами css или javascript вертикальную прокрутку, но, чтобы при этом скролл работал как обычно? К body, например, можно применить overflow-y:hidden, но естественно скролл перестает работать.

Здравствуйте. Можно ли убрать, скрыть на сайте методами css или javascript вертикальную прокрутку, но, чтобы при этом скролл работал как обычно? К body, например, можно применить overflow-y:hidden, но естественно скролл перестает работать.

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

Перед тем как убрать полосы прокрутки (скроллбар) с веб-страницы, подумайте, действительно ли вам это так необходимо. Отсутствие возможности прокрутки содержимого веб-страницы создает трудности посетителям сайта для просмотра информации. Если же существует необходимость построения дизайнерских изысков или желание создать своим читателям трудности, то вперед, к делу. Но вас предупреждали!

Фреймы

Для управления отображением полос прокрутки во фреймах используется параметр scrolling . Он может принимать два основных значения: yes - всегда вызывает появление полос прокрутки, независимо от объема информации и no - запрещает их появление (пример 1).

Как показано в примере, в левом фрейме с именем MENU полосы прокрутки не будет. В соседнем с ним фрейме, хотя параметр scrolling и не указан, полосы прокрутки будут видны, как возможность установленная по умолчанию.

Новые окна

Чтобы удалить скроллбар из новых окон, возможностей HTML будет недостаточно. Универсальный подход требует использования языка JavaScript для создания нового окна. А в качестве одного из параметра метода window.open , который и создает окно, можно указать scrollbar=0 . Данный атрибут создает окно без горизонтальных и вертикальных полос прокрутки (пример 2).

Новое окно будет иметь размеры 400 x 300 пикселов и без различных элементов навигации, в том числе будут отсутствовать полосы прокрутки.

Использование стилей

Еще один способ основан на использовании стилевого атрибута overflow . Если этот параметр применить к тегу со значением hidden , скроллбар на веб-странице отображаться не будет (пример 3).

Точно также можно убрать скроллбар и у других элементов веб-страницы, которые его содержат - некоторые элементы форм, например.

Браузер Internet Explorer поддерживает также свойство overflow-x и overflow-y , позволяющее прятать полосы прокрутки, соответственно, по горизонтали и вертикали (пример 4).

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

Инструкция

Прокрутка – настраиваемый параметр. Основные настройки задаются через компонент «Мышь», они действуют для всех приложений, а способ прокрутки можно задать и отменить с помощью браузера. Последние настройки будут действовать при работе в сети интернет.

Чтобы отключить плавную прокрутку при просмотре интернет-ресурсов, запустите браузер и выберите в меню «Инструменты» пункт «Настройки». Для Internet Explorer – меню «Сервис», пункт «Свойства обозревателя». Если меню не отображается, кликните по верхней или нижней панели в окне браузера и отметьте маркером в контекстном меню пункт «Панель меню» или «Строка меню».

После того, как откроется окно «Настройки», перейдите в нем на вкладку «Дополнительные» и сделайте активным раздел «Общие». В группе «Просмотр сайтов» снимите маркер с поля «Использовать плавную прокрутку » и нажмите на кнопку ОК.

Для отключения автоматической прокрутки снимите маркер с поля «Использовать автоматическую прокрутку ». Для Internet Explorer – передвигайтесь по списку доступных настроек, используя полосу прокрутки, пока не найдете нужные пункты.

Для настройки общих параметров прокрутки обратитесь к компоненту «Мышь». Для этого вызовите «Панель управления» через меню «Пуск». В категории «Принтеры и другое оборудование» кликните по значку «Мышь».

В открывшемся окне «Свойства: Мышь» перейдите на вкладку «Колесико» и настройте прокрутку в соответствии со своими требованиями. Маркер, установленный в поле «Экран» будет сдвигать изображение на мониторе на расстояние, равное высоте экрана.

Если для вас этот параметр слишком велик, установите маркер в поле «На указанное количество строк» и введите нужное значение с помощью клавиатуры или кнопок со стрелками. Значение «ноль» установить нельзя. Примените новые настройки и закройте окно.

Источники:

  • плавная вертикальная прокрутка

Для просмотра страниц в интернете существует опция плавной прокрутки. Она позволяет передвигаться по странице вверх и вниз более гладко и ровно. В одних браузерах эта опция встроенная (как, например, в браузере Mozilla Firefox), для других требуется установить соответствующую утилиту. Если необходимости в данной опции нет, плавную прокрутку можно просто отключить.

Инструкция

Запустите браузер привычным для себя способом, в верхней строке меню выберите пункт «Инструменты». Если вы не можете найти меню, значит, окно вашего браузера отображается в полноэкранном режиме. Подведите курсор мыши к верхнему краю экрана, дождитесь, пока появится панель, кликните по ней правой кнопкой мыши, в выпадающем меню установите маркер напротив строки «Выйти из полноэкранного режима» или нажмите клавишу F11. Если не помогло, кликните правой кнопкой мыши по панели и убедитесь в том, что строка «Панель меню» отмечена маркером.

В меню «Инструменты» выберите пункт «Настройки». В открывшемся окне перейдите на вкладку «Дополнительные» и активируйте вкладку «Общие». В разделе «Просмотр сайтов» снимите маркер с поля, расположенного напротив строки «Использовать плавную ». Нажмите на кнопку ОК, чтобы подтвердить выбор и закрыть окно настроек. Новые настройки вступают в силу немедленно, перезапуска браузера не требуется.

Чтобы установить нужное количество строк, на которое будет перемещаться любой документ, открываемый на компьютере, воспользуйтесь настройками мыши. Для этого войдите в «Панель управления» через меню «Пуск». Выберите раздел «Принтеры и другое оборудование», кликните по значку «Мышь» левой кнопкой мыши. При классическом виде «Панели управления» сразу выберите значок «Мышь».

В открывшемся диалоговом окне перейдите на вкладку «Колесико». В разделе «Прокрутка» установите маркер в подходящем для вас поле: «На указанное количество строк» или «На один экран». Если вы выбрали первый способ, с помощью кнопок со стрелками установите нужное количество строк или введите значение с клавиатуры. Нажмите кнопку «Применить» и закройте окно, нажав на кнопку ОК или значок Х в правом верхнем углу окна.

Видео по теме

Полосы прокрутки предназначены для изменения позиционирования отображаемого в окне приложения содержимого, чаще всего страницы документа. По умолчанию они появляются автоматически в тех случаях, когда ширина или высота окна недостаточны для отображения открытой страницы полностью. Следовательно, чтобы избавиться от горизонтальной полосы прокрутки, надо изменить ширину либо страницы, либо окна приложения, в котором она открыта.

Инструкция

Уменьшите масштаб отображения страницы - это самый простой способ убрать горизонтальную полосу прокрутки при просмотре страницы. В любом браузере это можно сделать, покрутив колесико мыши в направлении на себя, удерживая при этом нажатой клавишу ctrl. Во многих текстовых редакторах (например, Microsoft Word) управление масштабами страницы тоже поддерживается. В браузерах вместо мыши можно использовать и клавишу со знаком минуса. Каждое нажатие или поворот колесика на одно деление будет уменьшать масштаб на 10%, пока горизонтальный размер не станет достаточным для отображения страницы без горизонтальной полосы прокрутки.

Используйте возможности браузера вмешиваться в исходный код веб-страницы и изменять заданные в нем стили отображения для приведения их в соответствие с шириной окна - некоторые веб-обозреватели имеют такую опцию. Например, в браузере Opera для этого достаточно щелкнуть по пиктограмме «Подогнать по ширине» и горизонтальная полоса прокрутки исчезнет, а колонки просматриваемой страницы поменяют свои размеры. Если возникнет необходимость вновь вернуться к заданной создателем разметке страницы - щелкните эту пиктограмму повторно.

Применяйте при создании веб-страниц свойство overflow-x языка CSS, чтобы принудительно отключить горизонтальную всей страницы или отдельных ее блочных элементов. Это свойство появилось в CSS, начиная с версии 3.0 и поддерживается всеми современными браузерами. Значения, которые ему могут быть присвоены: auto, hidden, scroll, visible. Если это свойство не указано в описаниях стилей, то считается, что оно имеет значение auto, то есть горизонтальная должна появляться тогда, когда содержимое не умещается в ширину элемента. Чтобы запретить прокрутку для абсолютно всех случаев используйте значение hidden. Например:

Прокрутка страниц в среде операционной системы Windows зависит от двух вещей: настроек мыши и параметров отображения полосы прокрутки. Чтобы изменить прокрутку, нужно подкорректировать два вышеупомянутых пункта.

Инструкция

Войдите в меню кнопки «Пуск». Выберите пункт «Панель управления». Перед вами появится окно. Чтобы изменить страниц, выберите иконку «Мышь» и дважды кликните по ней левой кнопкой. Зайдите во вкладку параметры указателя.

Скорректируйте скорость перемещения курсора таким образом, чтобы она, по вашему мнению, была оптимальной. Нажмите кнопку «Применить». После этого перейдите на вкладку того же окна «Кнопки мыши». Найдите бегунок, который отвечает за скорость двойного клика.

Установите его в нужную позицию. В зависимости от выбранного расположения бегунка на шкале, реакция на двойной клик будет быстрее или медленнее. примените изменения и перейдите во вкладку «Прокрутка». Точно таким же образом отрегулируйте скорость вращения скроллера вашей мыши, примените изменения.

После этого перейдите во вкладку «Указатели». Вам будет предложено несколько стандартных схем. Выберите наиболее подходящую, или сделайте собственную примените изменения и нажмите кнопку Ок. после этого вернитесь к окну «Панель управления», чтобы продолжить менять прокрутку страниц.

Найдите в окне «Панели управления» пункт «Параметры полосы прокрутки Windows». Обычно он находится в персональных данных. Настройте параметры полосы прокрутки в соответствии с вашими пожеланиями и примените изменения.

Кликните правой кнопкой мыши в поле полосы прокрутки, чтобы вызвать контекстное меню. В нем выберите пункт «Добавить мини-приложение». Появится несколько мини-приложений, которые позволят изменить прокрутку.

Выберите нужные, остальные закройте. Для этого кликните правой кнопкой мыши по ненужному приложению, и выберите пункт «Закрыть». Чтобы изменить скорость прокрутки, используйте скроллер. Нажмите на него один раз и перемещайте мышку. Скорость перемещения полосы прокрутки будет прямым образом зависеть от скорости ваших движений.

Не всегда в документах и на интернет-страницах информация целиком помещается на экране. Чтобы перейти к просмотру следующей части текста, необходимо прокрутить страницу вниз. Эффекты, применяемые при прокрутке, могут быть разными, и пользователь может настроить их по своему усмотрению. В частности, чтобы сделать плавную прокрутку , необходимо выполнить ряд действий.

Инструкция

Запустите браузер привычным для вас способом. Вам необходимо вызвать команду из верхней строки меню браузера. Если вы не видите строки меню, значит ее отображение отключено. Кликните правой кнопкой мыши по панели браузера, в выпадающем меню поставьте маркер напротив первой строки «Панель меню».

В разделе «Инструменты» выберите в пункт «Настройки», кликнув по нему левой кнопкой мыши – откроется диалоговое окно. Перейдите в открывшемся окне на вкладку «Дополнительно». В подразделах найдите вкладку «Общие». На данной вкладке в разделе «Просмотр сайтов» поставьте маркер в поле напротив строки «Использовать плавную прокрутку ». Нажмите кнопку ОК, чтобы новые настройки вступили в силу.

Отключить данную опцию можно тем же способом – достаточно снять маркер с указанного выше поля и подтвердить новые настройки. Основная часть пользователей использует для прокрутки колесико мыши. Настройки, отвечающие в целом за работу колесика мыши можно найти в окне «Свойства: Мышь».

Чтобы вызвать окно свойств мыши, через меню «Пуск» войдите в «Панель управления». В категории «Принтеры и другое оборудование» кликните по значку «Мышь» левой кнопкой мыши. Если «Панель управления» имеет классический вид, кликните по иконке мыши сразу – откроется искомое окно.

Перейдите на вкладку «Колесико». Здесь вы можете задать количество строк, на которое будет прокручиваться страница при использовании колесика мыши. Для этого в разделе «Прокрутка» укажите нужное число строк с помощью кнопок со стрелками или введите значение с клавиатуры. Если у вас нет необходимости просматривать текст построчно, установите маркер напротив строки «на один экран». Нажмите кнопку «Применить» и закройте окно свойств.

Нумерация страниц помогает лучше ориентироваться в документе и формировать его содержание. Чаще всего она проставляется самостоятельно, но иногда Microsoft Word выполняет данную функцию автоматически. В таких случаях возникает вполне резонный вопрос о том, как отключить нумерацию.

Вам понадобится

  • - компьютер;
  • - программа Microsoft Word.

Инструкция

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

Выделите ее, сделав по ней двойной щелчок левой кнопкой мыши. В результате этих действий вокруг номера появится поле, отделенное от текста документа пунктирной линией. Это будет колонтитул.

Нажмите на панели инструментов на появившуюся вкладку «Конструктор», а в ней – на пункт меню «Колонтитул». В зависимости от того, в какой части страницы расположен номер, колонтитул будет нижним или верхним.

Выберите в ниспадающем меню раздел «Удалить колонтитул». После совершения данных действия колонтитулы вместе с нумерацией страниц удаляться по всему документу.

Воспользуйтесь другим способом. Выделите цифру двойным щелчком, чтобы появилось поле колонтитула. Затем еще раз сделайте два клика по номеру страницы. Вокруг него должен образоваться голубой квадратик. После этого нажмите на клавиатуре клавишу Delete, и нумерация исчезнет.

Очень часто возникает необходимость не проставлять номер на первой странице, но учитывать его при нумерации всего документа. Чтобы решить данную проблему, выделите колонтитул на первом листе описанным выше способом. Войдите во вкладку «Конструктор», выберите раздел «Номер страницы»/«Формат номеров страниц».

В появившемся окошке поставьте галочку рядом с текстом «Начать с…» и выберите тот номер, с которого должен начинаться вторая страница. Обычно это цифра 2. Затем нажмите «Ок».

Снова войдите во вкладку «Конструктор» и поставьте галочку рядом с надписью «Особый колонтитул для первой страницы». После этого данный колонтитул по умолчанию станет пустым. Сделайте двойной щелчок по тексту вашего документа, и вы увидите, что цифра на первой странице не проставлена, а вся нумерация документа начинается со второй.

Совет 7: Как отключить гамма-контроль на материнской плате Intel

Многие материнские платы, поддерживающие процессоры Intel, также включают в себя интегрированные видеокарты, сделанные компанией. При установке драйверов Intel интегрированный видеоадаптер также автоматически устанавливает Intel Graphics Media, отображаемый на панели управления. Данная утилита включает в себя гамму, яркость и другие элементы управления. Приложение использует значительные ресурсы процессора и памяти, в то время как не является обязательным для работы видео адаптера. Отключение панели управления, запускающейся при открытии Windows может высвободить значительные ресурсы для использования в других приложениях.

Инструкция

Нажмите сочетание клавиш "Ctrl-Alt-Delete". Выберите "Диспетчер задач" в появившемся окне. Нажмите на вкладку "Процессы", если она не активна.

Выполните прокрутку вниз, выделив запись в фоновом режиме в разделе "Процессы" "Igfxpsers.exe". Нажмите кнопку "Завершить задачу", чтобы остановить панель управления Intel Graphics и закрыть приложение.

Нажмите на кнопку "Пуск" на вкладке в окне "Диспетчера задач".

Выделите "Intel Graphics Media Control Panel". Нажмите "Отключить".

Закройте окно "Диспетчера задач". Перезагрузите компьютер.

Видео по теме

Полоса прокрутки стандартно присутствует почти на всех интернет-сайтах, позволяя проматывать вниз или вверх страницу для удобства ознакомления с информацией, размещенной на ней. В некоторых случаях дизайн сайта требует от разработчика удаления полосы прокрутки со страницы, так как она не подходит к оформлению страницы или к типу размещенного контента. Убирайте с сайта полосу прокрутки только тогда, когда это действительно необходимо, чтобы не вызвать чувство дискомфорта у читателей и посетителей страницы.




Top