"Подбрасывание" сайта при клике на ссылку

@Mihail51 · Регистрация: 09.06.2018

Студворк — интернет-сервис помощи студентам

При изменении месяца в Calendar, а также при открытии форм Login и Sign_in происходит "подбрасывание" сайта. "Подбрасывание" происходит, скорее всего из-за того, что ссылки ведут на "якоря". Возможно ли устранить этот недочёт с помощью CSS ?
JS я пока не знаю.
Сайт

@freshxmp3 · 06.03.2019, 10:46

Сообщение от Mihail51

Возможно ли устранить этот недочёт с помощью CSS

Самому интересно, но я бы реализовал такое через ajax.

@Mihail51 · 07.03.2019, 20:41 **[ТС]**

К сожалению, я не знаю ajax. Пока только html и css

@mrtoxas · 08.03.2019, 03:52

В вашем случае, лучше скриптом показывать/скрывать блок, чем пытаться убрать это "подбрасывание". Фокус с якорем для блоков с position:fixed

@Mihail51 · 08.03.2019, 05:59 **[ТС]**

А не можешь сказать точнее что за скрипт и где его взять (сам пока написать не могу)? И что за фокус ?

@tnfsk · 09.03.2019, 12:21

Попробуйте так:

HTML5
1
2
<div class="btn login_btn"><a id="login_a" href="#log_in">login</a></div>
<div class="btn sign_in_btn"><a id="sign_a" href="#sign_in">sign_in</a></div>

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
.sidebar_wrap .sidebar_right .client-wrap .login {
    left: -300%;
}
 
.sidebar_wrap .sidebar_right .client-wrap .sign_in {
    height: 535px;
    left: -300%;
}
 
.aside_active{
 left: 0 !important;
 opacity: 1 !important;
 z-index: 1000;
 transition: all 0.4s ease-in-out;
}

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
var login_active = false;
var sign_active = false;
 
var login_a = document.getElementById('login_a');
var sign_a = document.getElementById('sign_a');
 
var log_in = document.getElementById('log_in');
var sign_in = document.getElementById('sign_in');
 
login_a.onclick = function(){
  sign_in.className = 'sign_in';
  sign_active = false;
  if(login_active){
    log_in.className = 'login';
    login_active = false;
  }
  else {
    log_in.className = 'login aside_active';
    login_active = true;
  }
  return false;
}
 
sign_a.onclick = function(){
  log_in.className = 'login';
  login_active = false;
  if(sign_active){
    sign_in.className = 'sign_in';
    sign_active = false;
  }
  else {
    sign_in.className = 'sign_in aside_active';
    sign_active = true;
  }
  return false;
}

@Mihail51 · 11.03.2019, 21:51 **[ТС]**

Спасибо! Но я пока не знаю JS, а сдувать бездумно не хочу.
Решение другое - я изменил принцип модального окна. Вместо псевдокласса :target использовал псевдокласс :checked. И изменил слайдер на calendar

@Mihail51 · 16.03.2019, 21:44 **[ТС]**

Для форм регистрации и входа появился другой вопрос Формы регистрации и входа
Оба вопроса решены при помощи СТАТЬИ
Всем спасибо!

Новые блоги и статьи Все статьи Все блоги /
Контроль заполнения и очистка дат в зависимости от значения перечислений Maks 12.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .	Архитектура слоя интернета для сервера-слоя. Hrethgir 11.04.2026 В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .	Подстановка значения реквизита справочника в табличную часть документа Maks 10.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .	Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .
модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий anaschu 08.04.2026 https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI	Блокировка документа от изменений, если он открыт у другого пользователя Maks 08.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .	Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка. Hrethgir 08.04.2026 Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .	Модель ЗдрввоСохранения 7: больше работников, больше ресурсов. anaschu 08.04.2026 работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20% kYBz3eJf3jQ

@Mihail51 0 / 0 / 0 Регистрация: 09.06.2018 Сообщений: 41

	"Подбрасывание" сайта при клике на ссылку 05.03.2019, 20:27. Показов 1068. Ответов 7 Метки нет (Все метки) При изменении месяца в Calendar, а также при открытии форм Login и Sign_in происходит "подбрасывание" сайта. "Подбрасывание" происходит, скорее всего из-за того, что ссылки ведут на "якоря". Возможно ли устранить этот недочёт с помощью CSS ? JS я пока не знаю. Сайт 0

@Mihail51 0 / 0 / 0 Регистрация: 09.06.2018 Сообщений: 41
	07.03.2019, 20:41 [ТС]
	К сожалению, я не знаю ajax. Пока только html и css 0

@mrtoxas 3827 / 2677 / 1521 Регистрация: 12.07.2015 Сообщений: 6,672 Записей в блоге: 4
	08.03.2019, 03:52
	В вашем случае, лучше скриптом показывать/скрывать блок, чем пытаться убрать это "подбрасывание". Фокус с якорем для блоков с `position:fixed` 1

@Mihail51 0 / 0 / 0 Регистрация: 09.06.2018 Сообщений: 41
	08.03.2019, 05:59 [ТС]
	А не можешь сказать точнее что за скрипт и где его взять (сам пока написать не могу)? И что за фокус ? 0

@Mihail51 0 / 0 / 0 Регистрация: 09.06.2018 Сообщений: 41
	11.03.2019, 21:51 [ТС]
	Спасибо! Но я пока не знаю JS, а сдувать бездумно не хочу. Решение другое - я изменил принцип модального окна. Вместо псевдокласса :target использовал псевдокласс :checked. И изменил слайдер на calendar 0

@Mihail51 0 / 0 / 0 Регистрация: 09.06.2018 Сообщений: 41
	16.03.2019, 21:44 [ТС]
	Для форм регистрации и входа появился другой вопрос Формы регистрации и входа Оба вопроса решены при помощи СТАТЬИ Всем спасибо! 0