Новости Joomla

Вышло обновление JL Like 5.2

Вышло обновление JL Like 5.2

JL Like — современный плагин для Joomla, который добавляет стильные кнопки "Поделиться" и счетчики лайков популярных соцсетей.

Совет по Joomla: использовать выключенное состояние для кнопок в списках элементов админки

Онлайн-трансляции Joomla-разработки Игоря Бердичевского

1   Вниз
0 Пользователей и 1 Гость просматривают эту тему.
  • 4 Ответов
  • 4576 Просмотров
*

ingavr

  • Захожу иногда
  • 283
  • 0 / 0
Зафиксировать позицию модуля при скроллинге и сместить
« : 05.11.2014, 00:39:50 »
Доброго времени суток!
Итак передо мной стоит задача (ничего не нашёл подобного), поэтому обращаюсь к вам.
Мне необходимо, чтобы модульная позиция при прокрутке страницы вниз доходила вверх до границы верхнего меню и там осталась. то есть фиксировалась.
Меню у меня настроено так.
Покопавшись в файлах, нашёл что меню при скроллинге подхватывает другой класс с приставкой sticky. Это задано в JS файле.
я понимаю что на подобии этого примера можно прописать и для этой модульной позиции такой же финт. однако я не владею навыками веб программирования и не знаю как правильно задать команду чтобы так получилось. поэтому прошу помощи.
прикрепляю кусочек файла JS мне нужно только переопределить класс для модульной позиции при скроллинге.
Код: javascript
if (_templateParams.enableDesktopMenuSticky) {
				var	header = document.id('header-bottom'),
					headerPosition = header.getPosition(),
					stickHeader = function() {
						var windowScroll = window.getScroll();

						if (windowScroll.y > headerPosition.y) {
							header.addClass('menu-sticky');
						} else {
							header.removeClass('menu-sticky');
						}
					};

				window.addEvent('scroll', stickHeader);
			}

Да, кстати. модульная позиция, для которой переопределять класс left. css  я уже сам пропишу как мне надо. спасибо.
Записан
*

ingavr

  • Захожу иногда
  • 283
  • 0 / 0
Re: Зафиксировать позицию модуля при скроллинге и сместить
« Ответ #1 : 05.11.2014, 11:09:33 »
Что, нету умельцев? или просто никто не хочет отвечать?
Записан
*

darkghost

  • Живу я здесь
  • 2212
  • 97 / 0
Re: Зафиксировать позицию модуля при скроллинге и сместить
« Ответ #2 : 05.11.2014, 11:45:18 »
с подменой стилей, чтобы зафиксировать меню - это вариант не особо, поскольку надо создавать дополнительный класс и не всегда срабатывает скрипт. Есть проще - установить скрипт, в котором прописано top: 0: и без подмены стилей (вариант 2)
Записан
*

ingavr

  • Захожу иногда
  • 283
  • 0 / 0
Re: Зафиксировать позицию модуля при скроллинге и сместить
« Ответ #3 : 05.11.2014, 13:04:46 »
Цитата: darkghost от 05.11.2014, 11:45:18
с подменой стилей, чтобы зафиксировать меню - это вариант не особо, поскольку надо создавать дополнительный класс и не всегда срабатывает скрипт. Есть проще - установить скрипт, в котором прописано top: 0: и без подмены стилей (вариант 2)
Но меню у меня уже и так зафиксировано когда (scroll.y) и меня такой вид устраивает.
Но мне надо ещё чтобы и модуль, который стоит в позиции left при прокрутке (а лучше когда он доходит до края позиции header) фиксировался.
Записан
*

ingavr

  • Захожу иногда
  • 283
  • 0 / 0
Re: Зафиксировать позицию модуля при скроллинге и сместить
« Ответ #4 : 05.11.2014, 13:06:34 »
вот. по подобию предидущего скрипта для меню попробовал сделать для своего модуля. но нифига не работает.
Давайте вместе разберём где мои ошибки!

Код: javascript
if (_templateParams.scrollTop) {
			    var hello = document.id('cModule-HelloMe'),
				    helloPosition = hello.getPosition(),
					stickHello = function() {
					    var windowScrollTop = window.getScrollTop();
						
						if (windowScrollTop.y > helloPosition.y) {
						   hello.addClass('myprofile-sticky');
						} else {
						   hello.removeClass('myprofile-sticky')
						}
					};
				window.addEvent ('scroll', stickHello);	
			}
Записан
1   Вверх
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Как зафиксировать размер полей инпутбоксов?

Автор Yasen

 Ответов: 19
Просмотров: 1519 		Последний ответ 15.09.2022, 09:20:37
от marksetter
Пример создания модуля с прикреплением файлов

Автор Zelyonkin

 Ответов: 7
Просмотров: 1185 		Последний ответ 02.08.2021, 17:04:15
от Zelyonkin
Отображение модуля меню на странице материала

Автор kunsaid

 Ответов: 9
Просмотров: 1327 		Последний ответ 21.07.2021, 10:50:29
от kunsaid
[Решено] CSS-класс заголовка модуля

Автор schel4ok

 Ответов: 36
Просмотров: 18910 		Последний ответ 06.04.2021, 23:35:20
от Wak
Кто знает как добавить позицию в Helix3 от joomshaper.com

Автор nick71

 Ответов: 22
Просмотров: 7254 		Последний ответ 29.03.2021, 14:32:32
от misteri27

Сайт

Переходи на сайт, чтобы узнать об японском фукоидане.

saikotrade.com