Плавная прокрутка и липкая панель навигации не работают должным образом, когда фоновое изображение работает нормально - PullRequest
Новая
       42

Плавная прокрутка и липкая панель навигации не работают должным образом, когда фоновое изображение работает нормально

0 голосов
/ 27 октября 2019

Если я использую эти 

body {
 background-image: url(/images/background.png) !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important; 
  background-size: cover !important;
  background-color: #464646;
 }

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

Вместо этого, еслиЯ использую их: 

   body {
    background-image: url(/images/background.png);
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important; 
    background-size: cover !important;
    background-color: #464646;
   }
  @media only screen and (max-width: 415px){
    body {
      background-size: 100%;
      height: 100vh;
      width: 100%;
    }
  }

Фон выглядит идеально для мобильного и компьютера, но липкая навигационная панель и плавная прокрутка не работают вообще.

Что вызывает эту проблему и как ее решить?

...