function addOnWheel(cases, handler) {
if (cases.addEventListener) {
if ('onwheel' in document) {
cases.addEventListener('wheel', handler);
} else if ('onmousewheel' in document) {
cases.addEventListener('mousewheel', handler);
} else {
cases.addEventListener('MozMousePixelScroll', handler);
}
} else {
cases.attachEvent('onmousewheel', handler);
}
}
if ($(window).width() > 1000 && document.querySelectorAll('.all-cases')) {
var translateY = 1;
$(window).keydown(function (e) {
var casesPageStylizationTransform = cases.style.transform;
if (e.keyCode == 32 || e.keyCode == 40) {
if (casesPageStylizationTransform != ('translateY(-87.5%)')) translateY -= 1.5;
cases.style.transform = cases.style.WebkitTransform = cases.style.MsTransform = 'translateY(' + translateY + '%)';
}
if (e.keyCode == 38) {
if (cases.style.transform = ('translateY(' > 0 + '%)')) {
if (casesPageStylizationTransform <= ('translateY(0%)')) translateY += 1.5;
cases.style.transform = cases.style.WebkitTransform = cases.style.MsTransform = 'translateY(' + translateY + '%)';
}
}
});
addOnWheel(cases, function (e) {
var delta = e.deltaY || e.detail || e.wheelDelta;
var casesPageStylizationTransform = cases.style.transform;
if (cases.style.transform = ('translateY(' != -87.5 + '%)')) {
if (delta > 0 && casesPageStylizationTransform != ('translateY(-87.5%)')) translateY -= 1.5;
cases.style.transform = cases.style.WebkitTransform = cases.style.MsTransform = 'translateY(' + translateY + '%)';
}
if (cases.style.transform = ('translateY(' > 0 + '%)')) {
if (delta < 0 && casesPageStylizationTransform <= ('translateY(0%)')) translateY += 1.5;
}
e.preventDefault();
});
}$(window).on('load')$('все_дочерние_блоки_в_isotope img').imagesLoaded(function () {
стартуем isotope
});$(_слайдер_)
.slick({
_настройки_
})
.on('beforeChange', function (event, slick, currentSlide, nextSlide) {
// Допустим, сейчас KFC и у него уже есть класс active при инициализации. Он идет первым с индексом 0.
// У логотипов класс 'logo'.
// Вторым идет МакДак с индесом 1.
// currentSlide при инициализации (если не указано другого = 0).
$(.logo).eq(nextSlide).addClass('active').siblings().removeClass('active');
})
.on('afterChange', function (event, slick, currentSlide) {
// если то же самое нужно не до смены слайда, а после... но тут нет параметра nextSlide, здесь мы видим только текущий слайд currentSlide
});<input type="hidden" value="">, и в его value вписываю все данные с удобными разделителями (чтоб потом парсить удобно было), а отправляю по финальному submit.
<a href="index.php?page=approach&anc=1">Ссылка</a>, тут сделал &.window.location.href.split('&')[1] и анимируем страницу до блока, соответствующего якорю anc=1, на этот же триггер можно повесить то, какая вкладка будет открыта.<a href="моя_другая_страница.html#якорь">Link</a>
<!-- на другой странице -->
<div id="якорь"></div>var hash = window.location.hash;
if (hash == '' || $(hash).length == 0) return true;
setTimeout(function() {
$('html, body').animate({
scrollTop: $(hash).offset().top
}, 900, function () {
window.location.hash = hash;
});
}, 100);$(function)() для каждой функции. Все можно писать в ней.if ($('.map-one').length) {
ymaps.ready(init);
}
if ($('.recall__slider').length) {
$('.recall__slider').slick({
dots: true,
nextArrow: '<button type="button" class="slick-next"><i class="fa fa-angle-right"></i></button>',
prevArrow: '<button type="button" class="slick-prev"><i class="fa fa-angle-left"></i></button>'
});
}sale-form-1, а вторая форма уже sale-form-2. Может, просто класс формам дать и прописать эти классы в скрипт, раз уж они одинаковые по структуре?
keyup change.white-space: nowrap и бьется через <br/>, что логично.font-size.
function setNewBlockContent(source, target) {
target.html(source.html());
}
// дайте всем блокам один класс для простоты выборки, например
$('.myBlock').on('mouseover', function() {
setNewBlockContent($(this), $('#text'));
});$('[data-pop]').click(function() {
var popName = $(this).attr('data-pop'); // или $(this).data('pop')
$('.pop-' + popName).addClass('active') // что подразумевает в цсс-файле .data-pop.active {display: block}
});.main-color:hover .item img {
transition: opacity .3s ease;
}
.main-color:hover .item img.item__img-color {
opacity: 0;
}
/* item, который должен оставаться цветным получает класс active */
.main-color:hover .item img.item__img-color:hover,
.main-color:hover .item.active img.item__img-color {
opacity: 1;
}target-area и применим такой скрит:$(document).on('mouseover mousemove', function (e) {
if ($(e.target).hasClass('target-area')) {
// делаем что-то, если курсор в заданной области
} else {
// делаем что-то, если курсор вне заданной области
}
});$(document).on('mouseover mousemove', function (e) {
if ($(e.target).hasClass('target-area') || $(e.target).parents('.target-area').length) {
// делаем что-то, если курсор в заданной области
} else {
// делаем что-то, если курсор вне заданной области
}
});