разные события на разных точках останова

[art18012009]

всем привет!
Подскажите как реализовать разные события на разных точках останова?
пример: на дефолтной странице одно событие (появление при скроле и исчезновение), а на точке останова 480 только появление
т.е. на версии для ПК одни события, а для мобильных устройств - другие

[art18012009]

нет знающих ?

[spoon]

Задаюсь этим же вопросом, но думаю, что силами программы никак.

[TommyVer21]

Делай дубль слоя для другой точки останова и в нем задавай другие события. Оригинал, соответственно, делай скрытым

[spoon]

Большая нагрузка на страницу будет.

Отправлено спустя 9 минут 45 секунд:
Дело в том что вся анимация всех элементов формируется в одном js и css файле странице (например index.js и index.css) либо формировать отдельный файл js и прописывать для него условия для ширины экрана типо этого
<script type="text/javascript">
{
if (screen.width < 767) document.write ('<script type="text/javascript" src="js/updown.js" ></sc' + 'ript>','<script type="text/javascript" src="js/scrollmenu.js" ></sc' + 'ript>');
}
</script>

либо писать скрипт для точек останова.

[Gudwinn]

Вот на чистом js скрипт, который в зависисмости от ширины клиентского разрешения экрана будет выполнять то или иное действие(то которое будет прописано в соответствующем условии)

Код: Выделить всё

<script>
var a = document.getElementById("Button1");
a.addEventListener("click", function() {
if(document.body.clientWidth > '1000'){
document.getElementById("Layer1").style.background = 'blue';

}
if(document.body.clientWidth < '1000'){
document.getElementById("Layer1").style.background = 'green';

}

  });

</script>

в проект надо положить кнопку с идентификатором Button1 и слой с идентификатором Layer1 ну и сам скрипт разместить в конце страницы. Если экран будет меньше 1000 пикселей в ширину, слой по клику будет становится зелёным, если больше - то синим, я думаю по аналогии вполне понятно как сделать требуемые действия для того или иного элемента допустим

[TommyVer21]

Gudwinn, годнота, круто)

[spoon]

А как быть с событиями и анимацией заданные в настройках программы? Решил покавыряться малость, вот пример для отмены анимации при скроллинге вставляете между haed и /haed
<script>
$(document).ready(function()
{
if(document.body.clientWidth < '767'){$(window).unbind("scroll")}
});
</script>
Но не все так просто как хотелось бы)) он работает если нет нулевой анимациы т.е. когда элемент не исчезает, в этом случае он просто не появиться при использовании скрипта. Возникает вопрос, как дополнить скрипт что бы блокировать полностью все эффекты или сделать видимыми все элементы.
Работает после перезагрузки страницы.