CODEWITHSUNDEEP
ioscssscrollsafariscrollbar
BritishSam
BritishSam

Reputation: 1080

Show horizontal scroll bar on ios

I want to show a scroll bar at all times on ios devices. using this css below works vertically but not horizontally, anyone know how? 

::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}
::-webkit-scrollbar-thumb {
    border-radius: 7px;
    background-color: #d6d6d6;
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
    display: block;
}

::-webkit-scrollbar-track {
    border-radius: 7px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2); 
}

Upvotes: 2

Views: 5399

Answers (2)

Mike Mellor
Mike Mellor

Reputation: 1346

Make sure you don't have overflow-scrolling set to touch.

-webkit-overflow-scrolling: auto;

As far as i know you can't have momentum scrolling and a styled scrollbar

Upvotes: 3

BritishSam
BritishSam

Reputation: 1080

Just needed to add height to ::-webkit-scrollbar 

::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
    height: 7px;
}

Upvotes: 4

Related Questions