"Заморозить" div и включить по клику?

Question

[alex1nd]

нужно скрыть тоуч прокрутку внутри diva ---но сама она нужна, просто мешает при скроле страницы сверху вниз.

Answer 1

[trushka]

Можно проверять положение прокрутки страницы при touchstart и touchend, если изменилось - устанавливаем блоку overflow: hidden (можно и по событию scroll делать, но оно обычно не сразу генерируется, а после того, как страница "остановилась") и задаём таймер на 300-500 мс по которому возвращается элементу overflow: auto. Ну, вообще, надо сделать clearTimeout предварительно для таймера заданного в предыдущем свайпе. То есть сначала задаём var swipeTimer например, потом.. в общем на jQuery приблизительно так:

var swipeTimer, top;
$(windiw).on('touchstart', function(){top=$(windiw).scrollTop()})
 .on('touchend', function(){
if (top==$(windiw).scrollTop()) return;
clearTimeout(swipeTimer);
swipeTimer=setTimeout(function{$('.mydiv').css({overflow: ''})}, 500);
$('.mydiv').css({overflow: 'hidden'})
})

То есть, блок "заморозится", как только мы оторвём палец, после того, как начали прокручивать всю страницу и останется замороженным в течении полсекунды

Comments

[alex1nd]

к сожалению у меня этот код никак не заработал.

Answer 2

[Антон]

Вертикальная прокрутка внутри плохое решение в принципе. Можете сделать горизонтальную прокрутку, а содержание внутри разбить через css3 columns, либо же просто убрать прокрутку и показывать полное содержание.

Comments

[alex1nd]

имеется ввиду прокрутка карты от leaflet внури---без нее можно только по кнопкам + - увеличивать уменьшать карту--------и если сама эта карта по центру страницы расположена скролиш мышкой вниз страницы и натыкаешься на неё) вот это бы убрать как-то бы а саму её оставить. Отключить её совсем не вариант --- так как она нужна мне.