И как сам файл со стилями найтикликните по style.css?ver=_b.... что справа.
.uk-inline {
display: flex;
align-items: center;
}$(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';?>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>');
}
});.container {
width: 100%;
height: 100vh;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}body {
display: flex;
}
#aside1 {
position: fixed
z-index: 101;
max-width: 200px;
overflow: hidden;
}
.aside234 {
margin-left: 400px;
}