<div class="bl"></div>.bl {
position: fixed;
z-index:999;
top: 50%;
left: 50%;
width: 100px;
height: 100px;
margin: -50px 0 0 -50px;
background-color: black;
}Вот пример со скриптом https://jsfiddle.net/zanebfaL/1/
.wrapper {
width: 100%;
height: 200px;
padding: 20px;
background-color: orange;
}
button {
position: absolute;
width: 50px;
left: calc(50% - 50px);
top: 200px;
}
.first {
position: absolute;
top: 20px;
left: 50px;
width: 100px;
height: 100px;
background-color: lightgreen;
}
.second {
position: absolute;
right: 0;
height: 100px;
width: 100px;
margin: 0 50px 0 0;
background-color: indianred;
}
@keyframes first-animation {
100% {
left: 100%;
top: 80px;
height: 50px;
width: 50px;
margin: 0 0 0 -100px;
}
}
.first-animation {
animation: first-animation both 2s normal;
}
@keyframes second-animation {
100% {
height: 50px;
width: 50px;
}
}
.second-animation {
animation: second-animation both 2s normal;
}function rsp(response) {
var arr = []; // создаем массив
for (var i = 0; i < response.length; ++i) {
// считаем количество записей, выполняем цикл
var html = '' +
'<div>' +
response[i].id + // например строим блоки только с id
'</div>' +
''; // строим элементы DOM
arr.push(html); // пушим в массив
};
return arr.join(''); // возвращаем данные
}
function pst(response) {
var paste = function rsp(response); // запрашиваем ф-цию построения DOM элементов
$('html').append(paste);
}
$.ajax({
...
success: function(response) {
// успешный ответ, сервер вернул какие-то данные
// проверяем на ошибки
if (typeof(response) === 'undefined' || response === null) {
console.log('пустой ответ');
} else {
function pst(response); // вызываем функцию добавления данных в контент
}
},
error: function() {
}
});$('.elements').each(function () {
var this_style = $(this).css('display');
if(typeof(this_style) === 'undefined' || this_style === null) {
console.log('нет элементов со свойстов display');
} else {
if (this_style == 'table-row') {
$(this).css('color','green');
} else {
$(this).css('color','red');
}
}
});<div class="elements" style="display:table-row;">1</div>
<div class="elements">2</div>