$(function () {
$(window).on('scroll.progress', function () {
var scrollTop = $(this).scrollTop();
if (scrollTop > 1500 /* Нужное значение на странице */ ) {
/* Запускаем скрипт */
/* Отписываемся от события если больше не нужно запускать скрипт */
$(window).off('scroll.progress');
}
});
});z-index: 100;position: relative;
z-index: 1000;<div class="fleft">
<h2>Product 1</h2>
</div>
<div class="fleft">
<h2>Product 2</h2>
</div>$(function () {
var blocks = $('.fleft').find('h2');
blocks.each(function () {
var parent = $(this).parent('.fleft');
if ($(this).text() == 'Product 1') {
parent.css('border', '3px solid red');
} else {
parent.hide();
}
});
});var products = [
{ id: 1, size: 58 },
{ id: 2, size: 68 },
{ id: 3, size: 78 }
];
[].splice(/*индекс который нужно удалить, количество которое нужно удалить начиная с этого индекса*/)
console.log(products.splice(1, 1)) //=> Вернет удаленный объект
console.log(products) //=> Выведет обновленный массив<input type="text" class="input">var input = document.querySelector('.input');
var event = document.createEvent('Event');
event.initEvent('keyup', true, true);
input.addEventListener('keyup', function() {
console.log('change value')
}, false);
input.dispatchEvent(event);$(function () {
$('.input').on('keyup', function() {
console.log('change value');
});
$('.input').trigger('keyup');
})<input class="range" type="range" min="1" max="100">var range = document.querySelector('.range');
range.addEventListener('change', function () {
/* После отжатия кнопки мышки с ползунка */
console.log(this.value)
}, false);
range.addEventListener('input', function () {
/* Во время движения ползунка */
console.log(this.value)
}, false);