Commit
•
e83f1ae
1
Parent(s):
10b8871
Update Контакты.html
Browse files- Контакты.html +44 -1
Контакты.html
CHANGED
|
@@ -16,7 +16,50 @@
|
|
| 16 |
|
| 17 |
|
| 18 |
|
| 19 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 20 |
<script type="application/ld+json">{
|
| 21 |
"@context": "http://schema.org",
|
| 22 |
"@type": "Organization",
|
|
|
|
| 16 |
|
| 17 |
|
| 18 |
|
| 19 |
+
<style>
|
| 20 |
+
/* Стили для кнопки */
|
| 21 |
+
#scrollBtn {
|
| 22 |
+
position: fixed;
|
| 23 |
+
bottom: -60px; /* Начальное положение кнопки вне экрана */
|
| 24 |
+
right: 20px;
|
| 25 |
+
z-index: 99;
|
| 26 |
+
cursor: pointer;
|
| 27 |
+
width: 50px; /* Ширина изображения */
|
| 28 |
+
height: 50px; /* Высота изображения */
|
| 29 |
+
border-radius: 50%; /* Сделаем изображение круглым */
|
| 30 |
+
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); /* Добавляем тень для кнопки */
|
| 31 |
+
transition: bottom 0.3s ease; /* Плавное изменение положения */
|
| 32 |
+
}
|
| 33 |
+
#scrollBtn img {
|
| 34 |
+
width: 100%;
|
| 35 |
+
height: 100%;
|
| 36 |
+
border-radius: 50%;
|
| 37 |
+
}
|
| 38 |
+
</style>
|
| 39 |
+
</head>
|
| 40 |
+
<body>
|
| 41 |
+
|
| 42 |
+
<!-- Сама кнопка с изображением -->
|
| 43 |
+
<a href="#" id="scrollBtn" title="Прокрутить к началу страницы">
|
| 44 |
+
<img src="images/strelka.png" alt="Стрелка">
|
| 45 |
+
</a>
|
| 46 |
+
|
| 47 |
+
<script>
|
| 48 |
+
// Показываем кнопку при прокрутке страницы
|
| 49 |
+
window.onscroll = function() {scrollFunction()};
|
| 50 |
+
function scrollFunction() {
|
| 51 |
+
if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
|
| 52 |
+
document.getElementById("scrollBtn").style.bottom = "20px"; // Плавное появление кнопки
|
| 53 |
+
} else {
|
| 54 |
+
document.getElementById("scrollBtn").style.bottom = "-60px"; // Скрытие кнопки
|
| 55 |
+
}
|
| 56 |
+
}
|
| 57 |
+
// Прокручиваем страницу к началу при клике на кнопку
|
| 58 |
+
document.getElementById("scrollBtn").onclick = function() {
|
| 59 |
+
document.body.scrollTop = 0; // Для поддержки старых браузеров
|
| 60 |
+
document.documentElement.scrollTop = 0; // Для современных браузеров
|
| 61 |
+
}
|
| 62 |
+
</script>
|
| 63 |
<script type="application/ld+json">{
|
| 64 |
"@context": "http://schema.org",
|
| 65 |
"@type": "Organization",
|