Я создал собственный стиль прокрутки, и хочу, чтобы я мог «захватить» его с помощью Chrome Android (нажав и перетащив на него). Он работает на рабочем столе, но с мобильной эмуляцией, но не может его получить.Невозможно «захватить» пользовательскую полосу прокрутки Chrome с мобильным телефоном
Я создал JS скрипку с ним здесь: https://jsfiddle.net/dr8g4g6k/2/
Код:
#container {
overflow: auto;
width: 250px;
height: 250px;
}
#content {
width: 1000px;
height: 1000px;
}
/* Webkit */
::-webkit-scrollbar {
width: 10px;
height: 10px;
}
/* Track */
::-webkit-scrollbar-track {
background: #F2F2F2;
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
-webkit-border-radius: 0px;
border-radius: 0px;
}
/* Handle */
::-webkit-scrollbar-thumb {
-webkit-border-radius: 0px;
border-radius: 0px;
background: #999999;
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
}
::-webkit-scrollbar-thumb:window-inactive {
background: rgba(205, 205, 205, 0.4);
}
<div id="container">
<div id="content">
test content
</div>
</div>
Если включить эмуляцию Chrome с любым набором устройств, и попробуйте прокрутить хватая полосу прокрутки, вы не можете.
Вы действительно можете использовать любой сайт, чтобы воспроизвести его, что имеет пользовательский WebKit полосы прокрутки, даже этот пример здесь: https://css-tricks.com/examples/WebKitScrollbars/
Просто включить мобильную эмуляцию и вы не можете захватить его.
Кто-нибудь знает, как иметь пользовательские полосы прокрутки, которые всегда присутствуют в Chrome, и все еще в состоянии «захватить» их, чтобы прокручивать их, как родные?