Вопросы Теги

Отключить (не скрывать) полосу прокрутки [дубликат]

Сделайте замену на символы форматирования, затем проверьте оставшееся время действия телефона. В PHP, 

 $replace = array( ' ', '-', '/', '(', ')', ',', '.' ); //etc; as needed
 preg_match( '/1?[0-9]{10}((ext|x)[0-9]{1,4})?/i', str_replace( $replace, '', $phone_num );

Разрыв такого сложного регулярного выражения может быть столь же эффективным, но гораздо более простым.

5
задан Abdulla Nilam 27 March 2015 в 12:36
поделиться

2 ответа

Вместо изменения css, который удалит scrollbar, и, как вы сказали, измените макет страницы, попробуйте вместо этого вызвать jquery function. 

// call your pop up and inside that function add below
$('body').on('scroll mousewheel touchmove', function(e) {
      e.preventDefault();
      e.stopPropagation();
      return false;
});

, затем, когда вы закрываете модальный, вызываете ту же функцию, но замените on на off

8
ответ дан Rob Scott 21 August 2018 в 17:13
поделиться
  • 1
    Да, опять же нет простого решения CSS, когда это должно быть, и нет причин для этого. Спасибо, будет использовать JS / jQuery – justanothercoder 27 March 2015 в 12:34
  • 2
    Хорошая идея, но она также блокирует любой прокрутки внутри всплывающего окна. – OZ_ 26 May 2016 в 19:53
  • 3
    Кстати, пользователи все равно могут прокручивать контент, перетаскивая полосу прокрутки с помощью мыши после этого. – Evi Song 1 June 2016 в 09:43

Как только вы начнете показывать всплывающее окно, дайте body класс (например popupOpen). Это должно быть простым решением. 

.popupOpen {
    overflow: hidden;
    margin-right: 17px //size of the scrollbar in each browser
}

Когда вы закрываете всплывающее окно, просто удалите класс из body.

1
ответ дан Doml The-Bread 21 August 2018 в 17:13
поделиться
  • 1
    Приятно знать это о полосе прокрутки, но я не могу этого сделать. Если страница будет отображаться в более высоком разрешении, полосы прокрутки не будут отображаться, поэтому она будет закручиваться. Кроме того, моя страница, ну, я воссоздаю что-то очень похожее на этот бесплатный шаблон: wix.com/website-template/view/html/… Простое изменение размера или оставление большего поля очень заметно, мой поля меньше, чем на этом шаблоне ... – justanothercoder 27 March 2015 в 12:26
  • 2
    все scrollbars одинаковы для всех браузеров на всех устройствах? – Rob Scott 27 March 2015 в 12:27
  • 3
    Ширина полосы прокрутки не одинакова во всех браузерах. – web-tiki 27 March 2015 в 12:27
  • 4
    в соответствии с этим они: textfixer.com/tutorials/browser-scrollbar-width.php – Doml The-Bread 27 March 2015 в 12:27
  • 5
    и если бы вы не могли использовать .css() и этот скрипт: stackoverflow.com/questions/8079187/… – Doml The-Bread 27 March 2015 в 12:29
Другие вопросы по тегам:

Похожие вопросы: