Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

Бегунок пропадает на некоторых устройствах у хромов. Как понять почему?


Recommended Posts

На некоторых хромах не отображается бегунок в боковом фильтре на странице категорий. https://pfdecor.ru/index.php?route=product/category&path=67_71

Скопировал начало исходного кода блока, на котором бегунок отображается:

<div class="mfilter-content-opts">
<div class="mfilter-opts-container">
<div class="scroll-wrapper mfilter-content-wrapper mfilter-iscroll scroll-content"><div class="mfilter-content-wrapper mfilter-iscroll scroll-content scroll-scrolly_visible" data-max-height="155" style="max-height: 155px; height: auto; margin-right: 0px;" id="mfilter-content-opts-0-2">
<div class="mfilter-options">

А вот исходный код из хрома, где бегунок не отображается:

<div class="mfilter-content-opts">
<div class="mfilter-opts-container">
<div class="mfilter-content-wrapper mfilter-iscroll scroll-content scroll-wrapper" data-max-height="155" style="max-height:155px">
<div class="mfilter-options">

Это при том, что на одном и том же устройстве. Просто разные браузеры. На других устройствах и в хроме все показывается, но на некоторых устройствах на хроме не отображается бегунок. Как понять, что его режет и как его вернуть?

 

2020-04-09_18-09-31.thumb.png.7e73a3631c509bbd794742333b117b70.png

Надіслати
Поділитися на інших сайтах


Тут есть 2 варианта.
 

Цитата

 

1. Использование в стилях привязку к разрешению экрана, напроимер

@media (min-width: 768px) and (max-width: 979px) {
    .hidden-desktop {
        display: inherit !important;
    }
    .visible-desktop {
        display: none !important;
    }
    .visible-tablet {
        display: inherit !important;
    }
    .hidden-tablet {
        display: none !important;
    }
}

 

Цитата

 

2. Использовать браузерную префиксацию, например

.foo{

-moz-border-radius:10px;/*для мозилы */

-chrome-border-radius:10px;/*для хрома*/

}

 

 

  • +1 1
Надіслати
Поділитися на інших сайтах

попробуйте устранить ошибки js

судя по всему этот скролл добавляется именно скриптом, может некоторые браузеры не могут проглотить ошибки js и скрипт не отрабатывает

  • +1 1
Надіслати
Поділитися на інших сайтах

Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку

×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.