Myateznik

В вашем случае это не работает из-за соображений безопасности, заложенных в браузерах, для работы требуется сервер.

Можете ли вы скролить блок на мобильном телефоне? Дело в том, что на мобильном телефоне скролл бар помещается новым слоем поверх содержимого и виден при прокрутке. Скролл бар на мобильном используется как указатель вашего места в блоке с содержимым.

CSS3 этот вариант только для Chrome: jsfiddle.net/4DPyN/3
CSS кросс браузерный вариант: jsfiddle.net/4DPyN/4

@uranus235 можете дать ссылки?

Shadow DOM - Теневая модель документа работает независимо (более-менее) друг от друга. Служит для создания custom UI-компонентов (тегов). Также является основой стандартных элементов HTML5 таких как:

<video></video>
<audio></audio>
<input>

и многих других.