Category: css3

24
Ноя
2022

Как сделать анимацию смены языка на JS?

скажите пожалуйста как сделать смену языка что бы при наведении открывался блок и при клике закрепился. Я сделал при наведении но не понимаю как закрепить язык

let langcont = document.querySelector(‘.lang-spisok’)
let ru = document.que…

15
Ноя
2022

Как на одностраничном сайте сделать навигацию к другим блокам по кнопке, а не по тексту?

Можно сделать ссылки якоря к другим блокам, но они работают если нажать именно на текст, который располагается в середине кнопки, нужно сделать чтоб при клике на кнопку был скролл до определённого блока.

12
Ноя
2022

Покрутка элемента

У меня есть один обработчик событий для элемента click который включает в себя метод scrollBy . И в то же время есть другой обработчик onscroll для этого же элемента. Так вот получается путаница , при клике срабатывает и обработчик для scr…

20
Окт
2022

js событие wheel скроллинг соседнего элемента

имеется такая задачка.
есть div со скролом. (overflow-y:auto)
над ним с position:fixed располaгается другой div
но ситуация такая что второй див мешает прокрутке в первом диве.
то есть хочу сделать следующее, когда курсор находится на див…

26
Сен
2022

Как связать слик слайдер с блоками?

Подскажите как связать блоки слева со слайдером чтобы при клике по любому блоку из списка слайдер переключал на нужную картинку. Или когда листает слайдер выделяется соответствующие элементы. Фото слайдера прилагаю ниже

09
Сен
2022

Как сделать чтобы анимация включалась на определенной высоте

У меня есть анимация на JS она как и все загружается вместе с страницей, нужно сделать так что бы она включалась на определенной высоте. Спасибо заранее!!
const counters = document.querySelectorAll(".num");

counters.forEach((cou…

07
Сен
2022

Кавычки в html блоке

Подскажите пожалуйста, как правильно экранировать/расставить кавычки в коде, чтобы содержимое атрибута data-point стало корректной строкой?
<div class="item" data-point="{company:'<div class="_customer-pick__compa…

27
Авг
2022

Как сделать показ Preloader один раз?

Preloader при каждом обновлении страницы показывается.Как сделать так чтобы только один раз при посещении страницы показался?

var hellopreloader = document.getElementById(“hellopreloader_preload”);

function fadeOutnojquery(el) {
el….

11
Авг
2022

Диаграмма смены цветов

Всем привет! Столкнулся с таким блоком верстки с которым не знаю что делать.
Первое что я думал это позиционировать все элементы верстки(+ скрыть их) и при клике по индексу их вскривать, но с реализацией трудности произошли.. Я буду благод…

11
Авг
2022

Диаграмма смены цветов

Всем привет! Столкнулся с таким блоком верстки с которым не знаю что делать.
Первое что я думал это позиционировать все элементы верстки(+ скрыть их) и при клике по индексу их вскривать, но с реализацией трудности произошли.. Я буду благод…

27
Июл
2022

css/html: вывод элементов, занимающих высоту не больше заданной

подскажите, можно ли с помощью css/html без привлечения js реализовать следующее:
есть блоки div одинаковой высоты, но разной ширины (в зависимости от содержащегося в них текста) – по сути это "строковые теги", типа [мама] [папа]…

23
Июл
2022

Как сделать плавную фиксацию шапки

Доброго времени суток.
Я зафиксировал шапку при скролле, однако при скролле, когда он скрывает ненужные мне элементы, это делается не плавно.

$(function() {
let header = $(‘.header’);
let hederHeight = header.height();

$(window)…

14
Июл
2022

Расположение блоков в процентном соотношении относительно пространства

Существуют ли какие-нибудь JS-решения для расположения блоков на странице в виде Masonry, но учитывая процентное отношение размера блока к общему размеру пространства? То есть, не высота или ширина в процентах, а именно весь размер блока, …

12
Июл
2022

Исчезли подсказки в VS code

Ребят, помогите пожалуйста, вчера верстала сайт и у меня пропали аббревиатуры в эммете, раньше он сам предлагал варианты, а сейчас перестал, было вот так
А стало вот так

10
Июл
2022

Как автоматически подогнать размер шрифта, чтобы он полностью заполнял контейнер и зависел от высоты контейнера?

У меня есть блок с фиксированной высотой и предполагается из админки вставлять в этот блок текст разной длины.
Мне необходимо, чтобы этот текст полностью помещался в контейнер и не выходил за высоту блока, чтобы автоматически назначался оп…

05
Июл
2022

Определение координат элемента на странице

1.Подскажите пожалуйста, можно ли из DOM определить координаты элемента(по имени класса или его id), к примеру относительно всего документа ?
То есть не используя какие либо функции JS, чисто ручками, то есть я хотел бы понять принцип, как…

05
Июл
2022

Закрытие sub menu в WP на телефоне не корректно работает почему?

на проекте (WP) menu по наведению выпадает, на планшетах я меняю на click и по нажатию на menu-item-347 у меня выпадает sub menu (оно изначально none), все работает, но есть нюанс при нажатии в любом месте, так как menu-item-347 ( в него в…

13
Июн
2022

Текст в диаграмме

Есть диаграмма

var ctx = document.getElementById(‘myChart’).getContext(‘2d’);
var myChart = new Chart(ctx, {
type: ‘doughnut’,
data: {
labels: [‘Presale’, ‘Liquidity’, ‘Locked’, ‘Unlocked’],