Архивы по рубрикеJavaScript

Как убрать scroll на iOS

Мобильная версия сайта на iOS всегда отображается со скроллом, даже если страница имеет высоту 100vh и в css скролл отключен. Для отключения этого скролла пропишите в javascript следующую строку: document.addEventListener(‘touchmove’, function(e) {e.preventDefault();}, true);  

Прокрутка для одностраничного сайта с навигацией

Понадобилось сделать эффект, чтобы при прокрутке колесом мыши страничка прокручивалась до следующей секции в навигации или до предыдущей, в зависимости от направления прокрутки. Следилкой пунктов меню воспользовалась из bootstrap. function addEvent(elem, type, handler){ if(elem.addEventListener){ elem.addEventListener(type, handler, false); } else { elem.attachEvent(‘on’+type, handler); } return false; } function scrollDirection(){ var weelEvt = (/Firefox/i.test(navigator.userAgent)) ? ‘DOMMouseScroll’ : […]

Swipe! — Откуда клешни торчат?

Сенсорные экраны в очередной раз до меня добрались. Теперь уже со стороны разработки. При создании мобильной версии сайта понадобилось сделать выезд бокового меню при свайпе. Конечно, есть вагон и маленькая тележка готовых реализаций этой фишки. Но встраивать их в почти готовую верстку… лень. Тем более, что достаточно подключить нужный плагин для отслеживания свайпов (а точнее, […]

Как вставить элемент между элементами, которые создает ng-repeat

Решение довольно таки простое: <div class=»main»> <div ng-repeat-start=»el in elements»>{{el.title}}</div> <div ng-repeat-end ng-if=»separator($index)»>Разделитель</div> </div> В контроллере определяем функцию separator: $scope.separator = function (index) { // тут описываем логику, когда ставить разделитель, а когда не ставить return true; // true — ставить, false — не ставить }  

Как массив записать в localstorage?

Ответ крайне прост, но не очевиден: // записываем массив в localstorage var arr = [‘first’, ‘second’, ‘third’]; localStorage.setItem(«arr», JSON.stringify(arr)); // читаем массив из localstorage arr = localStorage.getItem(«arr») ? JSON.parse(localStorage.getItem(«arr»)) : [];  

Один факт из жизни динамичного поиска

При запиливании функции выбора и динамичного поиска варианта из  таблицы базы данных, я столкнулась с небольшой проблемой, которую, включив режим гугления , я успешно решила. Суть в чем: нужно было исключить из событий клика в любом месте на странице один единственный элемент, что бы убирать блок с результатами поиска при клике везде, кроме этого самого […]