Переход на якорь(#) через <div onClick()>

110

15 декабря 2020, 06:40

Я пытаюсь перейти на блок, по клику мыши на другом блоке.

Сейчас у меня реализовано это примерно так:

<div class="result_container">
    <a href="#dialog" name="modal">
        ...
    </a>
</div>

<div id="dialog" class="window">

Но! Кликнуть можно лишь на элементы, которые содержаться внутри блока, а на пустую область внутри div'а - нельзя. Помогите пожалуйста - как решить эту проблему? Пытался сделать через onClick div'а, но не срабатывает.

<div onclick="window.location.href='#dialog'">

Answer 1

Всё прекрасно работает...

body { 
  min-height: 2000px; 
} 
 
.result_container { 
  background-color: grey; 
  height: 200px; 
} 
 
#dialog { 
  background-color: yellow; 
  height: 150px; 
}

<div class="result_container" onclick="window.location.href='#dialog'"> 
</div> 
<div id="dialog" class="window"> 
</div>

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

Несколько элементарных вопросов по HTML

Делаю отчёт в чистом html и у меня возникли небольшие трудности

125

HTML

Верстка nav (кастомная кнопка)

Начал изучать flexbox, и столкнулся с проблемой верстки навбара (из-за не стандартной кнопки, активного положения на скрине приложу как выглядит...

154

HTML

Создание svg картинки с анимацией

Подскажите, пожалуйстаЕсть 2 картинки

126

Как сделать деление pictureBox по форме в C#?

У меня есть форма и бокс, в боксе вставлена гифкаПрописаное движение хаотичное бокса по форме

125