Телеграмм чат группы web_structure страница 30363

2020 March 26

F

Foma in Верстка сайтов HTML/CSS/JS/PHP

цыкл this...

источник

18:39пожаловаться #1

С🥔

Скрудж 🥔 in Верстка сайтов HTML/CSS/JS/PHP

Привет!

Я у себя в React обрабатываю touchmove событие, но когда начинаю двигать изображение пальцем, у меня происходит дерганье браузера вверх (ios, safari). К сожалению, в приложении будет много клиентов, которые используют safari. Подскажите, как я могу избавить от этой проблемы со скроллом/дерганьем?

источник

19:00пожаловаться #2

ЮТ

Юра Ткачук in Верстка сайтов HTML/CSS/JS/PHP

Все привет.
Есть такой код, это будет фиксированное меню при скроле, надо чтобы появлялось не сразу а через 300 пикселей, поправьте кто может помочь пожалуйста!!!

<style>

.floating {

width: 100%;

position: fixed;

top: 0px;

z-index: 9997;

}

</style>

<script>

$(document).ready(function () {

var blockMenuID = ' #rec173659789';

$(blockMenuID).addClass('floating');

});

</script>

источник

19:25пожаловаться #3

АГ

Артём Гумаров in Верстка сайтов HTML/CSS/JS/PHP

Скрудж 🥔

Привет!

Я у себя в React обрабатываю touchmove событие, но когда начинаю двигать изображение пальцем, у меня происходит дерганье браузера вверх (ios, safari). К сожалению, в приложении будет много клиентов, которые используют safari. Подскажите, как я могу избавить от этой проблемы со скроллом/дерганьем?

Можно повесить слушатель на touch start и end и смотреть если больше например 100px значит был свайп

источник

19:45пожаловаться #4

АГ

Артём Гумаров in Верстка сайтов HTML/CSS/JS/PHP

Юра Ткачук

Все привет.
Есть такой код, это будет фиксированное меню при скроле, надо чтобы появлялось не сразу а через 300 пикселей, поправьте кто может помочь пожалуйста!!!

<style>

.floating {

width: 100%;

position: fixed;

top: 0px;

z-index: 9997;

}

</style>

<script>

$(document).ready(function () {

var blockMenuID = ' #rec173659789';

$(blockMenuID).addClass('floating');

});

</script>

window.addEventListeners('scroll', function () { pageYOffset > 300 ? Add class : remove class})

источник

19:51пожаловаться #5

DS

Denis Sollo in Верстка сайтов HTML/CSS/JS/PHP

Всем привет. Кто-то может объяснить почему волна бесконечная? Как эта магия работает?
https://codepen.io/wsjs/pen/eYNQLeW

источник

20:27пожаловаться #6

АГ

Артём Гумаров in Верстка сайтов HTML/CSS/JS/PHP

animation: move-forever 5s linear infinite; move-forever - название анимации, 5s - это время анимации, linear - это что она линейная, тоесть всегда с одинаковой скоростью анимируется, а вот infinite - это как раз то что она будет бесконечной)

источник

20:31пожаловаться #7

DS

Denis Sollo in Верстка сайтов HTML/CSS/JS/PHP

Артём Гумаров

animation: move-forever 5s linear infinite; move-forever - название анимации, 5s - это время анимации, linear - это что она линейная, тоесть всегда с одинаковой скоростью анимируется, а вот infinite - это как раз то что она будет бесконечной)