Nano Hash - криптовалюты, майнинг, программирование

Удалить крошечную полосу прокрутки - Ionic 3

Вы можете видеть крошечную полосу прокрутки, как показано ниже. Можете ли вы сказать мне, как ее удалить? Это Ionic 3 приложение. Я пробовал много способов. Но пока не повезло.

Пожалуйста, посмотрите, насколько это плохо на устройстве :(

введите здесь описание изображения

Это в браузере:

введите здесь описание изображения

.sass

 .height-70 {
        height: 70px;
        overflow: hidden;
    }

.html

<ion-content padding>
  <ion-grid>
    <ion-row>
      <ion-col class="height-70" col-12>
        <ion-content>
          <button ion-button icon-left full (click)="loginWithLinkedin()" class="background-color-linkedin"><ion-icon name="logo-linkedin" class="margin-top-minus-4"></ion-icon><span>Continue with Linkedin</span></button>
        </ion-content>
      </ion-col>
    </ion-row>
  </ion-grid>
</ion-content>

Chrome css (время выполнения): проблема ниже padding:16px. Но как я могу ее удалить? Потому что мне тоже нужно дополнение. Любое обходное решение?

введите здесь описание изображения

ionic-framework ionic3 css sass ionic2
04.07.2017

Ответы:


1

Если вы используете ion-content внутри ion-col, он добавит некоторые свойства из scroll-content. Замените ion-content на div и вручную добавьте все необходимые свойства css в файл div.

04.07.2017
  • Я даже не уверен, зачем нужен div, поскольку ion-col сам по себе является контейнером, но это больше похоже на вопрос к владельцу поста. +1, потому что я тоже считаю, что ion-content туда ставить не следует. 04.07.2017
  • Отлично. Спасибо :) 04.07.2017
  • ответ Жоао Мелло не требует введения/замены других элементов, таких как div 03.01.2019

    • 2

    Попробуйте вот так файл app.scss в /src/app/

    [scrollbar-y-auto] .scroll-content {
  overflow-y: false !important;
}

    и Ваш код:

    <ion-content scrollbar-y-auto>

    Не проверено Проверьте и дайте мне знать

    04.07.2017
  • Не работает и на хроме тоже ничего не генерирует? 04.07.2017
  • Спасибо, эта работа идеально подходит для меня. Мне нужно только изменить false на hidden :) 17.08.2017

    • 3

    Попробуйте следующее,

    <ion-content overflow-scroll="false">

    1.отскок,

    <ion-content no-bounce></ion-content>

    2.

    .content > .scroll-content::before {
    bottom: 0;
}

.content > .scroll-content::after {
    top: 0;
}

    3.

    .scroll-content {
   overflow-y: auto !important;
}

    4.

    <ion-content>
   <div ion-fixed>
   </div>
</ion-content>
    04.07.2017
  • Нет. Тем не менее, это не работает. Ваш атрибут не создает никакого CSS в chrome. Почему? 04.07.2017
  • добавил еще несколько, попробуйте их, я не уверен с ionic3 04.07.2017

    • 4

    Я столкнулся с тем, что иногда вы видите полосу прокрутки в браузере, но не на устройстве. Я бы посоветовал вам проверить то же самое на устройстве или попробовать эмулятор устройства Chrome в инструментах разработки, нажав Ctrl+Shift+M.

    04.07.2017
  • Вы можете попробовать удалить класс height-70 из ion-col, если вам нужен вертикальный интервал между кнопками (как видно на изображении), добавьте пустой div с некоторой высотой. 04.07.2017

    • 5
  • Я не знаю, почему этот ответ без голосов, но это сработало для меня! Благодарность 04.05.2018
  • Спасибо за отзыв, это важно. 13.07.2018
    • Новые материалы
    Кластеризация: более глубокий взгляд
    Кластеризация — это метод обучения без учителя, в котором мы пытаемся найти группы в наборе данных на основе некоторых известных или неизвестных свойств, которые могут существовать. Независимо от..
    Как написать эффективное резюме
    Предложения по дизайну и макету, чтобы представить себя профессионально Вам не позвонили на собеседование после того, как вы несколько раз подали заявку на работу своей мечты? У вас может..
    Частный метод Python: улучшение инкапсуляции и безопасности
    Введение Python — универсальный и мощный язык программирования, известный своей простотой и удобством использования. Одной из ключевых особенностей, отличающих Python от других языков, является..
    Как я автоматизирую тестирование с помощью Jest
    Шутка для победы, когда дело касается автоматизации тестирования Одной очень важной частью разработки программного обеспечения является автоматизация тестирования, поскольку она создает..
    Работа с векторными символическими архитектурами, часть 4 (искусственный интеллект)
    Hyperseed: неконтролируемое обучение с векторными символическими архитектурами (arXiv) Автор: Евгений Осипов , Сачин Кахавала , Диланта Хапутантри , Тимал Кемпития , Дасвин Де Сильва ,..
    Понимание расстояния Вассерштейна: мощная метрика в машинном обучении
    В обширной области машинного обучения часто возникает необходимость сравнивать и измерять различия между распределениями вероятностей. Традиционные метрики расстояния, такие как евклидово..
    Обеспечение масштабируемости LLM: облачный анализ с помощью AWS Fargate и Copilot
    В динамичной области искусственного интеллекта все большее распространение получают модели больших языков (LLM). Они жизненно важны для различных приложений, таких как интеллектуальные..