Запретить скролл(scroll) на css и jquery

Рубрика: CSS верстка, JQ mobi, jQuery

Как же все таки убрать полосы прокрутки полосу прокрутки, и запретить скролл(scroll) на сайте при помощи css или js когда нам она не нужна, например при отображении того же попап окна (popup window) или любого другого всплывающего элемента на странице (рекламы). Решение можно реализовать на jQuery так:
Запретить скролл:
$("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");

Теги: fixed, overflow, popup, scroll

Комментарии к записи Запретить скролл(scroll) на css и jquery отключены

Нет комментариев для записи Запретить скролл(scroll) на css и jquery