Форум программистов
 
Контакты: о проблемах с регистрацией, почтой и по другим вопросам пишите сюда - alarforum@yandex.ru, проверяйте папку спам! Обязательно пройдите активизацию e-mail.

Вернуться   Форум программистов > Web > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Ответ
 
Опции темы
Старый 21.05.2018, 19:12   #1
Smaulik
Новичок
 
Регистрация: 21.05.2018
Сообщений: 1
Репутация: 10
По умолчанию Эффект наезда одного div на другой?

Добрый вечер!
https://kokoko.spb.ru/ - как реализовать эффект наезда треугольника блока меню на блок новости?
Smaulik вне форума   Ответить с цитированием
Старый 22.05.2018, 09:39   #2
Javany
Форумчанин
 
Регистрация: 15.05.2018
Сообщений: 52
Репутация: 42
По умолчанию

На сколько я понимаю только JS. Нужно повесить wheel на body, div-у который будет "наезжать" задать position: absolute;, для background использовать background-position, и менять значение инкрементом или декрементом. Если грубо то как-то так:
Код:

var y = 0;
document.querySelector('body').addEventListener('wheel',function(e){
		e=e||event;
		if(e.deltaY>0) y++;
		if(e.deltaY<0) y--;
});

Далее переменную "y" вставляйте в стилевые свойства. Может есть вариант и проще, не знаю.

Последний раз редактировалось Javany; 22.05.2018 в 09:42.
Javany вне форума   Ответить с цитированием
Ответ

Опции темы

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Запуск трансформации через другой div Parallelogram HTML и CSS 4 26.12.2014 21:48
проблема при копировании одного столбца из одного файла в другой файл tanunya Помощь студентам 0 24.02.2012 21:30
Div. Ролик мультимедиа одного размера с родительским Irina123 HTML и CSS 1 30.05.2010 13:52
Высота div-a в котором есть другой div Antoha HTML и CSS 2 07.08.2009 18:16
Позиционирование двух плавающих DIV внутри одного DIV allocator HTML и CSS 5 22.07.2009 13:48


08:18.


Powered by vBulletin® Version 3.8.8 Beta 2
Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.

RusProfile.ru


Справочник российских юридических лиц и организаций.
Проекты отопления, пеллетные котлы, бойлеры, радиаторы
интернет магазин respective.ru