.left-box {
width: 50%;
height: 800px;
background-color: $normal-pink;
float: left;
transition: 400ms ease-in-out;
...
}$(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;<a href="http://yandex.ru/" class="link">Link 1</a>
<div class="block">Click me</div>var block = document.querySelector('.block');
var link = document.querySelector('.link');
block.addEventListener('click', function () {
window.open(link.href, '_blank');
}, false);<?php
$location = getLocationByIp($_SERVER['REMOTE_ADDR']);
switch ($location) {
case 'Moscow':
$price = 1500;
break;
default:
/* Есле геолокация не определилась */
$price = 1000;
}.blocks {
display: inline-block;
width: 25%;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.blocks {
width: 50%;
}
}
@media screen and (min-width: 320px) and (max-width: 768px) {
.blocks {
width: 100%;
}
}<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);