IOS13 upgraded its - scrollbar custom scroll bar to see??-CodePudding

 & lt; ! DOCTYPE html> 
& lt; HTML lang="en" & gt; 
& lt; head> 
& lt; Meta charset="utf-8" & gt; 
& lt; Title> - its - scrollbar 
& lt; Style> 
The container {
height: 150px; 
width: 200px; 
overflow: auto; 
} 
. Scroll {
height: 100%; 
} 
Container: : - its - scrollbar {
Width: 7 px; 
} 
Container: : - its - scrollbar - track {
Border - the radius: 10 px; 
Box - shadow: an inset 0 0 0 px green; 
} 
Container: : - its - scrollbar - thumb {
background-color: blue; 
border-radius: 10px; 
Box - shadow: 0 0 0 1 px rgba (255, 255, 255,. 3); 
} 
</style> 
 
<body> 
IPhoneX
 
IPhoneX Max
 
IPhoneX MaxPro
 
IPhoneXI
 
IPhoneXI Max
 
IPhoneXI MaxPro
 
IPod
 
IPad
 
The Pro
 
The Mini
 
The Air
 
IMac
 
Mac Mini
 
MacPro

The above code, the upgrade iOS13/iPadOS13 before running result is as follows (platform: the OS: iOS12.3)

But after upgrading to iOS13/iPadOS13, but not scroll bar, the running result is as follows (platform: the OS: iPadOS13.1)

-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- line start -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
(the picture above is manually on the Mac safari cross-sectional figure!!! Because I am 12.1.2 safari on Mac version, code to run after the scroll bar to see the problem does not occur, so the above two post figure width inconsistent (don't say I'm not cut from the figure, afraid of trouble, just to illustrate the problem))
-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- - end of the line -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
As shown, the iOS upgrade it with its - scrollbar custom scroll bar disappear, of course still has the function of the scroll!!!!!!

Therefore I specially on caniuse checked compatibility issues, completely OK (query results are as follows), this problem I entangled me two days time, still can't solve, hope everybody a great god can solve my confused

Add, apple safari13 official documentation, also did not say - its - can not use the scrollbar, but he mentioned - its - overflow - scrolling: touch disabled problem (specific content is as follows), I am not very clear on this - its influence - the use of the scrollbar???????

CodePudding user response:

Good cold and cheerless, so long, no one reply?

CodePudding user response:

The

reference 3 floor Yang_2048 response:

You solve it, how to solve