Как отключить прокрутку тела при включении прокрутки div? - PullRequest
Новая
       0

Как отключить прокрутку тела при включении прокрутки div?

0 голосов
/ 25 февраля 2020 
<html>
  <body>
    <div class="container">
      <div class="menu"></div>
      <div class="list"></div>
    </div>
  </body>
</html>
.menu{
float:left;
width:50%;
}
.list{
float:right;
width:50%;
}

как отключить весь html свиток. а меню div и список div можно прокручивать по вертикали? и зависимо?

Я имею в виду, когда я прокручиваю левый div, правый div не должен прокручиваться вместе.

Ответы [ 2 ]

0 голосов
/ 25 февраля 2020

Вы должны начать с тега html вниз. Он и все родители ваших прокручиваемых элементов должны иметь высоту области просмотра.

Это означает, что html, body, .container и оба прокручиваемых элемента должны иметь height: 100% или height: 100vh.

Тогда вы можете сделать прокручиваемые элементы фактически прокрутите независимо, добавив overflow: hidden.

Если это не имеет смысла, пожалуйста, посмотрите эту ручку , которую я сделал для вас.

0 голосов
/ 25 февраля 2020

Вам необходимо предотвратить вертикальную прокрутку на вашем .container. Это можно сделать с помощью свойства overflow CSS. Посмотрите на приведенный ниже код, чтобы узнать, как этого добиться, а также включить вертикальную прокрутку для двух элементов (.list и .menu). 

body {
  margin: 0;
  padding: 0;
}
.container {
  max-height: 100vh;
  height: 100vh;
  overflow-y: hidden;
  display: flex;
}
.menu {
  overflow-y: auto;
  width:50%;
}
.list {
  overflow-y: auto;
  width:50%;
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...