Доброй ночи, написал небольшой скрипт для паралакса, но при скролее идет просадка ФПС, помогите справить полст $(window).scroll(function(e){ var st = $(this).scrollTop(); $(".in_game .triangle--big").css({ "transform" : "translate(0%, " + st*0.05 + "%" }); });

Конечно будет просадка. Смотри, что ты делаешь: 1. Вешаешь обработчик на событие scroll, который срабатывает каждый раз как меняется дельта, иными словами каждые ~8-30 ms. 2. В нем даешь команду скролл в самый вверх, которая в свою очередь создает событие на п.1 3. Рекурсия между п.1 и п.2 до тех пор пока дельта скорости не станет равной нулю) Попробуй как то так: javascript function preventDefault(e) { e = e || window.event; if (e.preventDefault) e.preventDefault(); e.returnValue = false; } var st = 0; $(window).scroll(function(e){ preventDefault(e); var delta = e.deltaY || e.detail || e.wheelDelta; st += delta; $(".in_game .triangle--big").css({ "transform" : "translate(0%, " + st * 0.05 + "%" }); });

Конечно будет просадка. Смотри, что ты делаешь: 1. Вешаешь обработчик на событие scroll, который срабатывает каждый раз как меняется дельта, иными словами каждые ~8-30 ms. 2. В нем даешь команду скролл в самый вверх, которая в свою очередь создает событие на п.1 3. Рекурсия между п.1 и п.2 до тех пор пока дельта скорости не станет равной нулю) Попробуй как то так: javascript function preventDefault(e) { e = e || window.event; if (e.preventDefault) e.preventDefault(); e.returnValue = false; } var st = 0; $(window).scroll(function(e){ preventDefault(e); var delta = e.deltaY || e.detail || e.wheelDelta; st += delta; $(".in_game .triangle--big").css({ "transform" : "translate(0%, " + st * 0.05 + "%" }); });

Но это нужно проверять. Я чисто из головы. В общем дал тебе направление

javascript function preventDefault(e) { e = e || window.event; if (e.preventDefault) e.preventDefault(); e.returnValue = false; } var st = 0; $(window).scroll(function(e){ preventDefault(e); var delta = e.deltaY || e.detail || e.wheelDelta; st += delta; $('.in_game .triangle--big').css({ transform: `translate(0%, ${st * 0.05}%`, }); });

Короче, самый адекватный вариант построить диаграмму в этом вашем вебе — притащить в него скомпилированный емскриптеном графвиз.

Объясните. Что от меня макет хочет? Чтобы при наведений на один из блоков который типа по дефолту белый он подсвечивался синим? Или как?

В первый попавшийся чат сообщение?

Можно в двух словах, что это за сервисы?

Типа готовые решения дают?

Типа готовые решения дают?

Тогда не отказывай себе ни в чем! Пиши все на C/С++ а потом компиль в wasm) Будет олдскульно, брутально, не по хипстерски - зато производительно и лампово)

Они специально для разработки UX сделаны. Очень удобные. То что ты будешь ваять в фотошопе неделю, там это делается за пару дней

Да я же верстаю, зачем мне разрабатывать интерфейс?

фотошоп это вообще адский растр, не?

Вообще да, но там можно и вектор делать, но чертовски неудобно

А, кстати, вопрос созрел. На каком этапе уже можно всякие там бэмы, флексбоксы, бутстрапы, препроцессоры и тудым-сюдым использовать? Сейчас я из принципа ничего не использую

Народ получаю такого рода ошибку при билде.. Это ошибка ноды? не хватает памяти на обработку процесса или как?

Оперативку почисть. Не помню это 134 или 137 ошибка вылетает.

Народ получаю такого рода ошибку при билде.. Это ошибка ноды? не хватает памяти на обработку процесса или как?

Может кому интересно будет.

Врядли спам интересен

Может кому интересно будет.