Как правильно сделать скролл?

Ссылка скопирована
CSS Tailwind CSS Вёрстка
1 ответ

Как правильно сделать скролл?

Чтобы зафиксировать меню указала ему классы flex fixed justify-between bottom-0 left-0.
Если долистать до конца контента, то меню загораживает последний блок с контентом.
Как это поправить? Добавить после контента пустое пространство с размером меню? или можно решить отпимальней?

Дополнительно:

можно добавить пустое пространство.
можно прятать меню когда дошел до конца.
можно прятать при прокрутке вниз и показывать при прокрутке вверх.

  • Меню можно не фиксировать, а прилепить читай sticky

    • По хорошему изначально нужно было правильно лейаут делать, но в твоей ситуации сделай просто отступ снизу у контентной области, какой нибудь padding-bottom: 42px;

    Нужно решить такую задачу?

    Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.

    Заказать помощь
    Лучший ответ
    1
    Стас DB Ответ

    Для того чтобы добавить скролл на вашем веб-сайте, вам нужно использовать CSS. Есть несколько способов добавить скролл к элементу на странице.

    1. Для добавления вертикального скролла к элементу, вы можете использовать следующий CSS:

    .element {
    overflow-y: scroll;
    height: 200px; /* Высота элемента */
}

    .element { overflow-y: scroll; height: 200px; /* Высота элемента */ }

    2. Если вы хотите добавить горизонтальный скролл, вы можете использовать следующий CSS:

    .element {
    overflow-x: scroll;
    width: 200px; /* Ширина элемента */
}

    .element { overflow-x: scroll; width: 200px; /* Ширина элемента */ }

    3. Если вам нужно добавить как вертикальный, так и горизонтальный скролл, то используйте следующий CSS:

    .element {
    overflow: scroll;
    width: 200px; /* Ширина элемента */
    height: 200px; /* Высота элемента */
}

    .element { overflow: scroll; width: 200px; /* Ширина элемента */ height: 200px; /* Высота элемента */ }

    4. Если вы хотите, чтобы скролл появлялся только при необходимости (когда контент не помещается в элемент), используйте `overflow: auto;` вместо `overflow: scroll;`.

    5. Также вы можете настроить другие параметры скролла, такие как цвет, толщину и стиль, используя соответствующие CSS свойства: `scrollbar-color`, `scrollbar-width`, `scrollbar-track-color`, `scrollbar-thumb-color` и другие.

    Надеюсь, это поможет вам добавить скролл на вашем веб-сайте. Если у вас возникнут дополнительные вопросы, не стесняйтесь задавать.

    Другие ответы (0)

    Пока нет других ответов. Будьте первым, кто поможет автору.

    Ответить на вопрос

    комментарий

    Ваш адрес email не будет опубликован. Обязательные поля помечены *

    Вам также может быть интересно

    VPN Как правильно настроить vless для Android TV? 0 ответов Pyrogram Как правильно зарегистрировать юзер бота в Telegram? 0 ответов печатные-платы Как заставить запускаться программу M3.exe от компании Hanxing AOI в инспекционной машине на Windows 7 Pro? 0 ответов Аккумуляторные батареи Почему при зарядке автостарта слышен писк, где искать причину? 0 ответов