Как сделать, чтобы не прокручивалась страница при клике на checkbox?

Question

[Анатолий]

Кликая на оранжевый квадрат, страница прокручивается вниз, как сделать, чтобы прокрутки не было.

<input id="check" type="checkbox">
<label for="check"></label>

label {
  height: 50px;
  width: 50px;
  background-color: orange;
  position: fixed;
  bottom: 0;
  right: 0; }

Answer 1

[Ankhena]

Поставить инпут в то место, куда она должна прокручиваться
Например так https://jsfiddle.net/qrt64fe5/
Или, еще разумнее, делать функциональность на js.

Comments

[Анатолий]

Конечно, input можно засунуть в label, но он мне нужен для открытия другого блока.
https://codepen.io/workcode/pen/RwPYKmm

[Анатолий]

Как это сделать на js я знаю, хотел сделать на css.

[Анатолий]

roixxv, мне это событие нужно!

[Ankhena]

Анатолий, Вот знаете, вы спросили, как сделать, чтобы не скроллилась. Я ответила.
test сложите в ту же обертку (у меня это orange) и задавате ему absolute.

Как это сделать на js я знаю, хотел сделать на css.

Не нужно, используйте чекбоксы по назначению.

[Ankhena]

roixxv, если инпут поместить внутрь label, то не сработает селектор для test.

[Ankhena]

Анатолий, так: https://jsfiddle.net/o94htexu/