Справочник полезных рецептов для JavaScript

1. iScroll disable native vertical scroll 
Популярная JavaScript библиотека для скроллинга iScroll4 http://cubiq.org/iscroll-4 позволяет создавать прокручивающиеся экраны в том числе и на мобильных устройствах. Возникает одна проблема - блокируется нативный скрол по вертикали. Для того, чтобы нативный вертикальный скроллинг снова стал работать нужно сделать следующее - в конструкторе scroll объекта переопределить метод onBeforeScrollMove .

screen_scroller = new iScroll('content-scroll-wrapper', {
  snap: true,
  momentum: false,
  hScrollbar: false,
  vScrollbar: false,
  hScroll: true,
  vScroll: false,
  // здесь другие методы                  
  onBeforeScrollStart: function ( e ) {
    if ( this.absDistX > (this.absDistY + 5 ) ) {
      // user is scrolling the x axis, so prevent the browsers' native scrolling
      e.preventDefault();
    }
  }
});

2.  Как динамически изменить атрибут стиля элемента (changing element style attribute dynamically using javascript)

Есть кнопка, которую периодически, в зависимости от условий, необходимо либо показывать либо убирать с экрана. Для этого кнопке необходимо задать атрибут стиля display и менять его значение динамически.

<input data-icon="reply" type="button" 
data-theme="d" id="next_round_btn" value="Next Round"/>

Для того, чтобы динамически менять значение атрибута стиля элемента необходимо сделать следующее

document.getElementById("next_round_btn").style.display = "none"; // не показываем
 
document.getElementById("next_round_btn").style.display = "block";// показываем

3. Как в javaScript добавить значение в конец массива (Add new value to an existing array in JavaScript)

var arr = new Array();
arr.push('value1');
arr.push('value2');

4. Как получить индекс элемента в массиве по его значению (find index of value in array in javascript)

Для получения индекса элемента в массиве необходимо использовать метод indexOf(). Если метод не сможет найти это значение в массиве, то он вернет -1.

var arr = [100,200,300,400,500];
var index = arr.indexOf(200); //вернет 1

5. Как добавить класс к элементу (How to add class to element)

<div id="container" class="first_class">
 
</div>

var element = document.getElementById("container");
element.className = element.className + " second_class";

6. Как удалить класс из элемента (How to remove class attribute from element)

selectedElement.className = selectedElement.className.replace(" ui-focus",' ');

7. Как прокрутить страницу к верху (How to scroll page to top)

window.scrollTo(0, 0);