Skip to content

Instantly share code, notes, and snippets.

@EvgeniyaPronina
Created August 24, 2016 04:15
Show Gist options
  • Save EvgeniyaPronina/37abb60bd1d6f639806d934f00fa3ff3 to your computer and use it in GitHub Desktop.
Save EvgeniyaPronina/37abb60bd1d6f639806d934f00fa3ff3 to your computer and use it in GitHub Desktop.
Убрать полосы прокрутки полосу прокрутки, и запретить скролл(scroll) на сайте при помощи css или js когда нам она не нужна, например при отображении того же попап окна (popup window) или любого другого всплывающего элемента на странице (рекламы).
//Запретить скролл:
$("html,body").css("overflow","hidden");
//или только вертикальный скролл:
$("body").css("overflow-y","hidden");
//и на css:
position:fixed;overflow:hidden
//Запретить scroll на чистом JS можно так:
document.body.style.overflow = 'hidden';
//Убрать скроллинг на IPAD можно так:
document.body.addEventListener('touchmove',function(event){event.preventDefault();},false);
//на jQuery:
$(document).bind('touchmove', false);
//P.S: Данный способ не работает на мобильных устройства, так как там используется точпад, по этому необходимо для body применять свойство position:fixed; пример:
создаем сам класс
.fixed {
position:fixed; /*позицианируем чтобы исчез скролл*/
width:100%; /*что бы верстка не складывалась по ширине*/
}
//Применяем class="fixed" когда нам это необходимо
$("body").addClass("fixed");
//и убираем его когда нужно сновa включить прокрутку
$("body").removeClass("fixed");
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment