const sticky = 200; // прокрутка до включения header-sticky
var scrollBar = 0; // ширина полосы прокрутки = padding-right, чтоб не дергался экран при открытии меню
function scrollbarWidth() {
var block = $('<div>').css({'height':'50px','width':'50px'}),
indicator = $('<div>').css({'height':'200px'});
$('body').append(block.append(indicator));
var w1 = $('div', block).innerWidth();
block.css('overflow-y', 'scroll');
var w2 = $('div', block).innerWidth();
$(block).remove();
scrollBar = (w1 - w2);
document.documentElement.style.setProperty('--scrollBar', `${scrollBar}px`);
//добавляем переменную --scrollBar к root: , чтоб использовать в css для рассчетов
}
$(document).ready(function() {
$('.header__burger').click(function(event) {
$('.header__burger,.header__menu').toggleClass('active');
$('body').toggleClass('lock'); //блокируем body
});
$('.header__list').click(function(event) { // удаляем меню и разблокируем body
$('.header__burger,.header__menu').removeClass('active');
$('body').removeClass('lock');
});
scrollbarWidth(); // вычисляем полосу прокрутки
});
window.onscroll = function() { //header-sticky
if(window.pageYOffset > sticky){
$('body').addClass('header-sticky');
}else{
$( 'body').removeClass('header-sticky');
}
scrollbarWidth(); // вычисляем полосу прокрутки
}<!DOCTYPE html>
<html lang="ru"><head><meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<title>Головна сторінка</title>
</head>
<body class="bg-light">
<header class="sticky-sm-top bg-white bd- p-0 d-flex align-items-stretch border-bottom border-dark">
<!--navbar-->
<nav class="container navbar navbar-expand-lg navbar-light d-flex align-items-stretch">
<a class="navbar-brand" href="#">Navbar</a>
<button class="navbar-toggler collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="navbar-collapse collapse" id="navbarSupportedContent" style="">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item"><a class="nav-link" aria-current="page" href="/"><button type="button" class="btn btn-light">Головна</button></a></li>
<li class="nav-item"><a class="nav-link" aria-current="page" href="/category/iskusstvo/"><button type="button" class="btn btn-light">Искусство<span class="badge bg-primary rounded-pill">6</span></button></a></li>
<li class="nav-item"><a class="nav-link" aria-current="page" href="/category/politika/"><button type="button" class="btn btn-light">Политика <span class="badge bg-primary rounded-pill">2</span></button></a></li>
<li class="nav-item"><a class="nav-link" aria-current="page" href="/news/add_post/"><button type="button" class="btn btn-light">Додати публікацію</button></a></li>
<li class="nav-item"><a class="nav-link" aria-current="page" href="/news/contact/"><button type="button" class="btn btn-light">Зворотній зв'язок</button></a></li>
</ul>
<span class="navbar-text">
<a href="/news/about_user/admin/"><button type="button" class="btn btn-outline-primary">admin</button></a>
<a href="/news/logout/"><button type="button" class="btn btn-outline-primary">Вийти</button></a>
</span>
</div>
</nav>
</header>
<!--main-->
<main>
<!--content-->
</main>
<!-- Footer -->
<footer class="page-footer font-small blue"><div class="footer-copyright text-center py-3">Instagram:
<a href="https://www.instagram.com/serhiops_/">serhiops_</a></div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
</body>
</html>$('.form-send').submit(function (event) { // < - - event
event.preventDefault(); // <-- если $.ajax , то не нужен штатный submit необходимо отменить его иначе он раньше сработает
const form = $(this);
$.ajax({
type: "POST",
url: "/mail.php",
data: form.serialize(),
success: function(data) {
console.log('OK')
}
});
return false;
});<!DOCTYPE html>
<html>
<head>
<title>INPUT TYPEOF</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=5.0, user-scalable=yes">
</head>
<body>
<label for="">Input your data:</label>
<input class="i-12" value="" validate="false"/>
<button id="b-12">GO</button>
<div class="out-12" style="color: blue;text-transform: uppercase;"></div>
<script>
const i12 = document.querySelector('.i-12');
const b12 = document.querySelector('#b-12');
const div12 = document.querySelector('.out-12');
const types = {
'undefined': 'undefined',
'number': 'number',
'string': 'string',
'float': 'float',
}
function check(val) {
if (Object.prototype.toString.call(val) == '[object Array]') {
return 'array';
} else if ((val ^ 0) == val && val != '') {
if (Number.isInteger(Number(val))) {
return 'number';
}
} else if (Array.isArray(val.split('.'))) {
var sp = val.split('.');
if (sp.length == 2 && val.replace(/[^\d\.-]/g, '').length === val.length) {
return 'float';
}
}
return (val === '') ? '' : 'string';
}
document.addEventListener('keydown', (event)=>{
// клавиша enter
if (event.code == 'Enter') {
let enter = new Event("click");
b12.dispatchEvent(enter);
}
}
);
b12.onclick = function f12() {
let current_type = i12.value;
if (typeof types[check(current_type)] !== "undefined") {
div12.innerHTML = types[check(current_type)] + '';
} else {
div12.innerHTML = '';
}
}
</script>
</body>
</html>
вот тут описание
Ссылка
в логах сервера так же проверьте, чего запрашивается.
ну и .htaccess файл сравните.