$(window).on('scroll', function(){
var scr = $(this).scrollTop();
var elem = $('div');
var elemOffset = $('div').offset().top;
// Условие
if ( elemOffset == 75 )) {
elem.addClass('fixed');
}
if (scr > 75) {
elem.removeClass('fixed');
}
});
// Где fixed - класс, который фиксирует ваше меню где-то там, где верхняя граница нижней границы.fixed {
position: fixed;
left: (ваше значение)
top: 75px;
}<div class="title title--color__red"></div>
<div class="title title--color__green"></div>
<div class="title title--color__black"></div>// .title- глобальный класс. Можно задать общие стили для группы элементов, чтобы их не дублировать
.title {
text-align: center;
color: black;
font-size: 16px;
}
// собственные классы. Дополнительные (индивидуальные) стили
.title .title--color__red {
color: red;
}
.title .title--color__green {
color: green;
font-size: 14px; // Переопределили стиль глобального класса
}
.title .title--color__red {
color: blue;
text-decoration: underline;
}.product img {
opacity: 0;
width: 150%;
transition: 1s all;
}
.product:hover img {
opacity: 1;
width: 100%;
}$('body').append('<div id="modal-window"></div>');
$('#modal-window').append('<h3>Some text</h3>');
var text = 'lorem ipsum';
$('#modal-window').append('<p>' + text + '</p>');<?php include '..blocks/modal-window.php';?><img src="images/1) header/shopping-cart-menu.png" id=cart_icon height="15" width="18"/>
<img src="images/1) header/magnifying-glass-menu.png" id=glass_icon" height="18" width="18"/>id=cart_icon height="15"$('body').prepend('<style>input[type="checkbox"]{display:inherit !important;}</style>');min-height: 40px.hide {
opacity: 0;
}$('table td').each(function() {
var text = $(this).text();
if (text.length == 0) {
$(this).html('<u class="hide">empty</u>');
}
});$('input').on('change', function() {
fun1();
});
// Или так
$('input').on('change', fun1);// Так будет быстрее и проще )
$(function(){
$('input').on('change', fun1);
function fun1() {
var rtl = $('#rtl').val();
var rtr = $('#rtr').val();
var rbr = $('#rbr').val();
var rbl = $('#rbl').val();
var ttl = $('#ttl');
var ttr = $('#ttr');
var tbr = $('#tbr');
var tbl = $('#tbl');
var block = $('#block');
ttl.val(rtl);
ttr.val(rtr);
tbr.val(rbr);
tbl.val(rbl);
block.css({
'border-radius' : rtl + 'px ' + rtr + 'px ' + rbr + 'px ' + rbl + 'px'
});
}
});.container {
width: 100%;
height: 100vh;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}var arr = [];
$('span').each(function() {
var that = $(this).attr('title');
var span = parseInt(that.match(/\d+/ig));
arr.push(span);
var sum = 0;
for (var i = 0; i < arr.length; i++) {
sum = sum + parseInt(arr[i]);
}
$('#id_price').val(sum);
});$(".shadow").hide(1000); // Скрыть
$(".shadow").show('slow'); // Показать.shadow {
animation: animElem 1s both;
}
@keyframes animElem {
99% {
opacity: 0;
transform: translateX(0);
}
100% {
transform: translateX(-100%) ;
}
}