Таблица лидеров

Благодарю. Вариант с js на первый взгляд рабочий. Но это костыль

<input class="numUser" type = 'number' min = '0' max = '50' size = '50' > <input class="btn" type="button" value="Добавить"> <script> var arr = []; var input = document.querySelector('.numUser'); var btn = document.querySelector('.btn'); btn.addEventListener('click', function(){ if(input.value == '') { alert('Введите число.'); return; } var digit = Number(input.value); if(digit >= 0 && digit <= 50) { arr.push(digit); } else { alert('Минимум 0, максимум 50.'); } console.log(arr); }); </script>  

Чрез js можно определить ширину сколллабра и задать right равной этой ширине: http://jsfiddle.net/mrnobody/8rqetnyo/3/ Определение ширины сроллбара я брал отсюда: https://learn.javascript.ru/task/scrollbar-width

Частично вопрос решается заменой fixed на sticky, но частично и не поддерживается старыми браузерами

Есть такая разметка, возможно она кривая, но в силу некоторой идеи она такая. http://jsfiddle.net/8rqetnyo/ Вложенный слой со скролом, выполняющий роль основного на странице + фиксированный слой, который перекрывает скролл. Как бы вы решили? Быть может оно вообще не решается... ? Была мысль с width: calc но в разных браузерах оно у меня выглядит по разному