коснитесь слайда a <ul>список @media - PullRequest
0 голосов
/ 06 августа 2020

когда экран сворачивается, некоторые слова go за пределами экрана, мне нужен способ для мобильного пользователя, чтобы провести <ul><li></li></ul>, чтобы увидеть все слова в списке

<ul id="portfolio-flters" class="d-flex justify-content-end" data-aos="fade-up">
  <li data-filter="*" class="filter-active">All</li>
  <li data-filter=".filter-hotel">Hotel</li>
  <li data-filter=".filter-bed">Lodging</li>
  <li data-filter=".filter-foo">Breakfast</li>
  <li data-filter=".filter-conf">Conferences</li>
</ul>

1 Ответ

1 голос
/ 06 августа 2020

Это должно сработать!

ul {
  position: absolute;
  top: 20px;
  bottom: 20px;
  left: 20px;
  right: 20px;
  overflow: scroll;
  // This is where the magic happens
  -webkit-overflow-scrolling: touch;
}
...