partyzanx

Мне помогло эта библиотека dragon.deparadox.com/#get
Нужно установить и подключить два скрипта Drag On и Bar on

<script src='/scripts/drag-on.js'></script> <!-- Позволяет пролистывать документ методом drag and drop (перетаскиванием) http://dragon.deparadox.com/#get . В класс нужно добавить dragon  -->
<script src='/scripts/bar-on.js'></script> <!-- Позволяет изменять стиль скруллбара даже в firefox http://dragon.deparadox.com/#get . В класс нужно добавить baron. В css прописать стандартные стили  -->

После этого каким-то образом firefox начинает слушать настройки скруллбара, заданные через css

.forscroll {
scrollbar-color: white white; /* В firefox делает скруллбар под цвет фона. Это нужно задавать, чтобы до момента прогрузки скрипта bar on скруллбар не мелькал */
}

.forscroll::-webkit-scrollbar {width: 0;}

Я нашёл такое решение

<link id="dyncss" rel="stylesheet" type="text/css" href=""> 
 <script type="text/javascript"> 
 function setDynCSS(url) { 
 if (!arguments.length) { 
 url = (url = document.cookie.match(/\bdyncss=([^;]*)/)) && url[1]; 
 if (!url) return ''; 
 } 
 document.getElementById('dyncss').href = url; 
 var d = new Date(); 
 d.setFullYear(d.getFullYear() + 1); 
 document.cookie = ['dyncss=', url, ';expires=', d.toGMTString(), ';path=/;'].join(''); 
 return url; 
 } 
 setDynCSS(); 
 </script>

и html

<img style="cursor:pointer; width: 30px; height:30px;" src="/social/firefox.png" onclick="setDynCSS('/_st/my.css')"> 
<img style="cursor:pointer; width: 30px; height:30px;" src="/social/ie.png" onclick="setDynCSS('/css/new_1.css')">

Но у меня есть отдельные элементы style, которые я бы хотел чтобы работали только при активации первого /_st/my.css.
Что нужно прописать в ява скрипт, чтобы при нажатии кнопки /_st/my.css эти элементы работали, а при нажатии другой кнопки выключались?