vaskadogana

чтобы выезжало справа, для контейнера в котором меню, нужно поставить position: absolute; right: -100%;
по клику на иконку ставите значение right: 0 или ваше значение

вот хорошая сборка

думаю нет, послушаем остальных

var where = document.createElement(div);
 function myFunction() {
          for(var i=0; i<=9999; i++){
               var p = document.createElement("p");
               var b = i/10000;
               b=b.toFixed(4)
               
               p.innerText = setDecimal(b);
               where.appendChild(p);
         }
    function setDecimal(num) {
  			var str = "" + num;
  			var zeroPos = str.indexOf(".")+1;
  			if (zeroPos == -1) return 0;
  			str = str.slice(zeroPos);
			return str;
    }

написал такой вот рабочий код

let curr = this.route.scrollLeft;
		var requestId = 0;
		let now = window.performance.now();
		function quad(progress) {
						  return Math.pow(progress, 2)
						}
		let animate = (time) => {
			 var progress = (time - now) / 200;
			console.log(progress, time - now );
				if(progress>1){
					progress = 1
				}
				
				if(this.startx > this.endx){//to right
				   			this.route.scrollLeft = curr + (this.list.children[0].offsetWidth*progress);
				}
				if(this.startx < this.endx){//to left
				   			this.route.scrollLeft = curr - (this.list.children[0].offsetWidth*progress);
				}
				if(progress == 1){
					stop()
					return
				}
			  requestId = window.requestAnimationFrame(animate);
			}
			function start() {
			 	let animationStartTime = window.performance.now();
			  	requestId = window.requestAnimationFrame(animate);
			}
			function stop() {
			  if (requestId)
			    window.cancelAnimationFrame(requestId);
			  requestId = 0;
		}
		if(Math.abs(this.endx - this.startx) > 10 ){
			start();
		}

если у кого есть получше решение, прошу в комментарии

не знаю почему нельзя, знаю, что const и придумали специально, чтобы была переменная которую нельзя перезаписать

название класса clearfix говорит, что скорее всего убирает последствия флоатов + онклик сабмитит форму .
Как бы зачем оно может быть подсказал)

забить?

Получить координаты меток и вычислить с какой меткой разница координат меньше и к ней строить)
lat+lng (метки) - lat+lng (твоего места)
запушить в массив
выбрать из массива самое маленькое значение по модулю
нарисовать маршрут

вроде должно прокатить)

p.s. api direction вроде имеет встроенный метод

два контейнера наложенные друг на друга

у одного position: absolute, и overflow: hidden
ползунком меняешь размер верхнего

https://habrahabr.ru/post/270665/
подпишусь на вопрос)

Если без бекэнда, то делаешь json

var lang = {
en: {
word:  "word"
},
ru: {
word: "слово"
}
fr: {
word: "la word"
}
var choosed = 'ru';
//по клику меняешь значение
$("select").on('change', function () {
   choosed = $("select option:selected").val();
}

//функция возвращает слово
  function ChoosedLanguge(lang,choosed, word ){
       return lang[choosed][word]
}
// контент будет выглядеть так

  <div id="fr" class="page">
       ChoosedLanguge(lang,choosed, word )
    </div>
      <div id="en" class="page">
           ChoosedLanguge(lang,choosed, word )
      </div>
      <div id="sp" class="page">
           ChoosedLanguge(lang,choosed, word )
      </div>

я так делаю
return searchValue.indexOf(searchQuery) !== -1;

а зачем скрипт?)
делаешь для блока

оoverflow-y: hidden; max-height: calc(100vh - (header+footer));

и вуаля.
И на него же вешаешь он скролл, если подгрузка контента динамическая или я не понял вопроса?

https://github.com/tj/react-click-outside
или

handleClick() {
	    if (!this.state.active) {
	      // attach/remove event handler
	      document.addEventListener('click', this.handleOutsideClick, false);
	    } else {
	      document.removeEventListener('click', this.handleOutsideClick, false);
	    }
	    this.setState(prevState => ({
	       active: !prevState.active,
	    }));
	}
	handleOutsideClick(e) {
	    // ignore clicks on the component itself
	    console.log('EVENT handleOutsideClick ', e)
	    if (this.node.contains(e.target)) {
	    	
	      return;
	    }
	    
	    this.handleClick();
	}

на элемент за пределами которого кликают добавить ref

ref={node => { this.node = node; }}

<li className='notif_container' ref={node => { this.node = node; }}>
						{this.button()}
					</li>