Created
August 24, 2016 04:15
-
-
Save EvgeniyaPronina/37abb60bd1d6f639806d934f00fa3ff3 to your computer and use it in GitHub Desktop.
Убрать полосы прокрутки полосу прокрутки, и запретить скролл(scroll) на сайте при помощи css или js когда нам она не нужна, например при отображении того же попап окна (popup window) или любого другого всплывающего элемента на странице (рекламы).
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
//Запретить скролл: | |
$("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